Step-by-Step Guide: Creating Animated Gradients in Figma
👊 Whack P and draw a shape.
🌈 Add a background colour and Remove the stroke.
👊 Whack P again. Draw a fun collection of shapes.
🔄 Chuck them into your frame and 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 and connect your frames.
🕰️ Set to after delay and switch from instant to smart animate.
BY: @zanderwhitehurst
