Navigation bar design | Smart Animate Figma tutorial | Figma micro interactions

Опубликовано: 04 Май 2022
на канале: Yariv BE
21,052
553

In this great figma tutorial you will learn how to create a beautiful animated mobile bottom navigation bar. We will use the smart animate interaction, components & variants, a bit of auto layout.
Learn how to create this really cool animation and later on of course use it in your designs and use it to your needs.

A link to file with the materials of this tutorial -
https://drive.google.com/file/d/1d0M4...

If you are not so familiar with Figma's components & Variants, i strongly suggest to catch up with these two tutorials (part 1 / part 2) -
   • Figma tutorial: components and varian...  
   • Figma tutorial: components and varian...  

Prototyping and interactions -
   • Figma tutorial for beginners: Prototy...  

Auto layout on a mobile navigation bar -
   • Figma Variants & Auto layout | Mobile...  

#yarivbe