Design course

Mesh gradient effect animated in Figma

Today we will talk about how to create a gradient animation using figma. it is often called mesh gradient.

This design concept is one of the current trends by combining dark theme colors or glass styles on a website or mobile application. the reason why it is called mesh gradient is because the movement of the animation resembles a mesh floating on water. in this case we only use figma by utilizing the blobs plugin to create random shapes automatically. you can use it for free. here

Design course

Mesh gradient effect animated in Figma

Today we will talk about how to create a gradient animation using figma. it is often called mesh gradient.

Never, ever sell an animation without a completed design. For most clients, it goes without saying that animations are included in all UX/UI projects. To manage expectations, it’s critical to discuss deliverables during the pre-sale stage. Our studio always offers animations as an extra service based on the finished design. With a UI map on hand, we explain exactly which application cases need to be animated and offer quotes. By the way, design onboarding is also best sold separately. Onboarding, along with design and animation, can often take 3-4 weeks.