⬇️ 🌈 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 interactions to "After Delay," one millisecond.
🎬 Set the animation type to Smart Animate.
🎉 Woohoo! Preview your design, and there you have it – a beautiful gradient animation in Figma! ✨
#FigmaTips #design #designer
#uxdesign #uidesign #userexperience #userinterface #uxui #figma 🎉
Watch video ⬇️ 🌈 Animating gradients in Figma. Suppppaaafast. online without registration, duration hours minute second in high quality. This video was added by user Memorisely 26 April 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 702 once and liked it 45 people.