Animated Bottom Navigation Bar | Figma Animation

In this tutorial, I will show you how to create an Animated Bottom Navigation Bar in Figma with Figma Interactive Components. Also, you will learn how to use Frames, Groups, Components, Variants, Prototype, Figma Animation and how to make navigation animation with Smart Animate.

In this video I show you:

00:00 Intro
00:29 Bottom Navigation Bar UI Design
04:42 Bottom Navigation Bar Variants
05:53 Prototype Variants
07:18 Prototype Screens

======

Watch my others Figma Interactive Components tutorials:

Circle Progress Bar: https://youtu.be/_eBzKeOsaDs

Loading Animation: https://youtu.be/f3PS8Y1fiIY

Interactive Slider: https://youtu.be/Y1Qu5h6w7CU

Interactive Button: https://youtu.be/-BTCL-vHvRA

Dropdown Menu: https://youtu.be/e3K5ux4hOao

Input Fields: https://youtu.be/wiBarR5SIRA

Progress Bar: https://youtu.be/gIK-07miFOc

======

Don't forget to like, subscribe and turn on notifications to watch new ui ux design videos and figma tutorials