Animated mesh gradients in Figma | Zander Whitehurst | Memorisely
Animated mesh gradients in Figma:
👊 Whack P and draw a crazy shape.
🌈 Add a background colour.
🚫 Remove the stroke.
👊 Whack P again. Draw a fun collection of shapes.
🔄 Chuck them into your frame.
🌈 Set your frame colour.
👊 Whack R. Draw a rectangle.
💭 Set it to white.
🕵️♂️ Set your opacity to 2%.
🌀 Blur the background. Set to 160.
🔄 Slide it over your shapes.
📝 Add your text and a button.
📦 Duplicate a bunch of times.
🔄 Rotate the shapes in each frame.
🔄 Switch to prototype.
🔗 Connect your frames.
🕰️ Set to after delay.
🚀 Switch from instant to smart animate.
🎉 Woohoo! There's our animated mesh gradients in Figma.
#FigmaTips #design #designer
#uxdesign #uidesign #userexperience #userinterface #uxui #figma 🎉
Watch video Animated mesh gradients in Figma | Zander Whitehurst | Memorisely online without registration, duration hours minute second in high quality. This video was added by user Memorisely 06 February 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,413 once and liked it 89 people.