⬇️ 🌈 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 🎉
Смотрите видео ⬇️ 🌈 Animating gradients in Figma. Suppppaaafast. онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Memorisely 26 Апрель 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 702 раз и оно понравилось 45 людям.