In this figma tutorial you will build a slide in menu and create animations to the menu itself, a micro interaction to a hamburger menu icon and a hover animation to the menu items using smart animate.
You will create:
✨ Components and Variants
✨ Interactive components
✨ Component Properties
A link to download the materials of this tutorial -
https://drive.google.com/file/d/1qOiq...
Download it to your computer and from the figma homepage, hit the "import" button, point it to the file, select it and click "import" / "open".
If you are not familiar with figma's components and variants, i strongly suggest to check out these tutorials -
• Figma tutorial: components and varian... (part 1)
• Figma tutorial: components and varian... (part 2)
To get a better knowledge on figma interactions in general -
• Figma tutorial for beginners: Prototy...
Interactive component and hover animation -
• Figma interactive components | Figma ...
#yarivbe #figmatutorial #smartanimate #figmacomponents #interactive_components_figma #hover_animations #downloadable_materials