Figma tutorial: Slide In Menu Animation | FIgma interactive components

Опубликовано: 17 Август 2022
на канале: Yariv BE
2,477
33

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