Gradient animation

Discover Pinterest’s best ideas and inspiration for Gradient animation. Get inspired and try out new things.
5k people searched this
·
Last updated 2d
Memorisely · UX/UI Bootcamps on Instagram: "⬇️ 🌈 Animating gradients in Figma. Suppppaaafast. Here's a step-by-step guide: 🔵 Bang a circle on the page. 🎨 Select the circle, hit "Edit Object." 🔄 Stretch your circle to your desired shape. 🎨 Set a background color for your circle. ➡️ Switch your gradient type to linear. 🎨 Vary the colors of your gradient by adjusting the color stops. 🌫️ Give your gradient a blur effect. Set it to around 200. 🔄 Duplicate your gradient, switch up the color, and rotate your duplicate. 🚀 Chuck your gradient in your overall design. 🔄 Create a bunch of duplicates. 🔄 Move and rotate your gradient duplicates to create a dynamic effect. 🔄 Switch to the prototype mode in Figma. 🔗 Connect your screens to create a flow for the animation. ⏳ Set all your inter Moving Gradient, Gradient Animation, Animated Gradient, Animation Types, Beautiful Gradient, Blur Image, Blur Effect, Gradient Background, Blurred Background

Memorisely · UX/UI Bootcamps on Instagram: "⬇️ 🌈 Animating gradients in Figma. Suppppaaafast. Here's a step-by-step guide: 🔵 Bang a circle on the page. 🎨 Select the circle, hit "Edit Object." 🔄 Stretch your circle to your desired shape. 🎨 Set a background color for your circle. ➡️ Switch your gradient type to linear. 🎨 Vary the colors of your gradient by adjusting the color stops. 🌫️ Give your gradient a blur effect. Set it to around 200. 🔄 Duplicate your gradient, switch up the…

10
Gradient animation and more

Explore related boards