Navigation bar design | Smart Animate Figma tutorial | Figma micro interactions
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 –
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) –
Prototyping and interactions –
Auto layout on a mobile navigation bar –