Friday, July 22, 2022

Figma: how to create a microanimated component

Step 1: Create a component

Step 2: Add a variable for such component. This will create a duplicate element

Step 3: Click the duplicate element and then click the Prototype tab at the top of the right panel

Step 4: Choose an animation to go back and forth from one element to the other

Please note: for click animations to work back and forth, you'll need to use the "While pressed" interaction option

No comments:

Post a Comment