Animated Navigation Bar in Figma - Prototyping Tutorial
11:45
YouTubeuxpeak
Animated Navigation Bar in Figma - Prototyping Tutorial
Hello and welcome to our channel. In this step-by-step tutorial, we are going to show you how to design and prototype a modern animated navigation bar in Figma. As a bonus, we've prepared for you a free source file link that you use to copy our design. Enjoyed this tutorial? If you want to learn more about UX/UI Design feel free to check out ...
178.5K viewsMay 30, 2023
Shorts
Navigate prototype connections in Figma like a pro
0:51
4.1K views
Navigate prototype connections in Figma like a pro
DesignCode
Navbar Prototype animation in Figma Tutorial for beginners 2024
0:17
1.7K views
Navbar Prototype animation in Figma Tutorial for beginners 2024
KaizenCreators
Figma Tutorial
Figma Tutorial for Beginners
1:13:17
Figma Tutorial for Beginners
YouTubeKevin Stratvert
1M viewsApr 11, 2024
Figma tutorial for Beginners: Complete Website from Start to Finish
43:21
Figma tutorial for Beginners: Complete Website from Start to Finish
YouTubeFlux Academy
3.1M viewsMay 20, 2022
Figma Tutorial for Beginners - Complete Course 2025
1:54:38
Figma Tutorial for Beginners - Complete Course 2025
YouTubeAverage Design Dude
233.8K viewsFeb 22, 2025
Top videos
How to Design and Prototype a Bottom Navigation Bar in Figma | Material Design Components
6:06
How to Design and Prototype a Bottom Navigation Bar in Figma | Material Design Components
YouTubeSoren Iverson
40.6K viewsJan 17, 2023
Animated Bottom Navigation Bar in Figma - Prototype Tutorial
5:52
Animated Bottom Navigation Bar in Figma - Prototype Tutorial
YouTubeUniqs Academy
18.1K viewsJun 22, 2023
Figma Prototype Basic Navigation Links
7:59
Figma Prototype Basic Navigation Links
YouTubeHarold Hamernik
5.8K viewsMay 14, 2024
Figma Design Tips
How to Master Figma and Design 10X FASTER!
12:10
How to Master Figma and Design 10X FASTER!
YouTubeJesse Showalter
106.4K viewsFeb 26, 2024
Figma Design for Beginners
1:00
Figma Design for Beginners
YouTubeFigma
59.6K views9 months ago
Figma Design for beginners: Advocate sidebar — Kaitie and Lauren talk portfolios
2:43
Figma Design for beginners: Advocate sidebar — Kaitie and Lauren talk portfolios
YouTubeFigma
104.9K views7 months ago
How to Design and Prototype a Bottom Navigation Bar in Figma | Material Design Components
6:06
Find in video from 05:10Prototyping the Navigation Bar
How to Design and Prototype a Bottom Navigation Bar in Figma | …
40.6K viewsJan 17, 2023
YouTubeSoren Iverson
Animated Bottom Navigation Bar in Figma - Prototype Tutorial
5:52
Animated Bottom Navigation Bar in Figma - Prototype Tutorial
18.1K viewsJun 22, 2023
YouTubeUniqs Academy
Figma Prototype Basic Navigation Links
7:59
Figma Prototype Basic Navigation Links
5.8K viewsMay 14, 2024
YouTubeHarold Hamernik
Navigate prototype connections in Figma like a pro
0:51
Find in video from 00:06Viewing Prototype Connections
Navigate prototype connections in Figma like a pro
4.1K viewsMay 4, 2024
YouTubeDesignCode
Animate Your Navigation Bar in Figma Like a Pro! (Easy Prototyping Tutorial)
40:44
Animate Your Navigation Bar in Figma Like a Pro! (Easy Prototypi…
47.4K viewsMar 29, 2024
YouTubeAli Hassan
The CORRECT (and lazy) way to prototype | Figma Tutorial
5:00
The CORRECT (and lazy) way to prototype | Figma Tutorial
952.4K viewsMay 3, 2022
YouTubeMizko
Creating A Stunning Navigation Bar In Figma Step-By-Step Tutorial 2023
3:41
Find in video from 00:30Designing the Navigation Bar
Creating A Stunning Navigation Bar In Figma Step-By-Step Tutorial 2023
118.5K viewsNov 2, 2023
YouTubeUI PEP
1:03:19
Figma for Edu: Prototyping 101, new basics
171.1K viewsJan 22, 2024
YouTubeFigma
6:31
Find in video from 02:29Creating a Fixed Navigation Bar
Transparent, Fixed, and Dynamic Navbar Prototyping for Scrolling i…
114.2K viewsSep 6, 2023
YouTubeThefemijohn
4:42
Create a Simple Prototype in Figma | UX/UI Tutorial
1.7K views11 months ago
YouTubeCryeStudio Design Tutorials
1:09
How to Link Pages in Figma: Step-by-Step Guide for Interactive Prot…
215 views10 months ago
YouTubeLearn by Layerpath
6:21
Find in video from 04:54Prototyping Effectively with Smart Animation Settings
Prototyping A Navigation Bar In Figma | Figma navigation bar | Fig…
1.5K viewsJul 29, 2023
YouTubeUX meets AI
8:00
Create A Fixed / Sticky Bottom Nav Bar That Animates Between Scree…
207.9K viewsMar 14, 2023
YouTubeDarren Northcott - Figma, UX & UI
9:46
Find in video from 02:24Creating Navigation Items
The Right Way To Build A Navigation Bar In Figma!
184.7K viewsNov 7, 2022
YouTubeBuild With Fede
5:41
Reduce Prototypes by 50% (Simple trick) | Figma Tutorial
574.5K viewsMar 13, 2023
YouTubeMizko
29:48
How To Create a Functional DROPDOWN MENU Prototype in F…
112.2K viewsJun 29, 2022
YouTubeMavi Design
30:51
Advanced Figma Prototyping with Variables | FREE COURSE
67.7K viewsAug 21, 2024
YouTubeEnvato Tuts+
1:03:39
Find in video from 01:02Overview of Prototyping in Figma
Figma for Education: Prototyping with Figma 101
71K viewsFeb 24, 2023
YouTubeFigma
5:17
Find in video from 02:52Switching to Prototyping
Create A transparent Navbar With Seamless Scrolling : Fixed And Dy…
21.4K viewsFeb 26, 2024
YouTubeicode ng
22:50
Creating an Animated Mobile App Navigation Menu Bar: UI/UX Desig…
7.4K viewsJun 14, 2024
YouTubeDSCODE
13:43
Create the navigation bar and footer: Figma design for beginner…
24.4K views7 months ago
YouTubeFigma
18:43
Find in video from 01:27Navigation items
Real responsive navigation bar in Figma!
11.6K viewsSep 20, 2024
YouTubeKimo
9:44
Find in video from 00:46Creating Prototype Variables
Conditional prototyping with variables in Figma
6.6K viewsAug 2, 2024
YouTubemasha
18:42
Find in video from 00:16Introduction to Navigation Bar
Animated Navigation Bar In Figma - Prototype Tutorial
1.1K viewsMar 1, 2024
YouTubeCyphoon
4:29
Tab navigation in Figma
79.4K viewsNov 30, 2023
YouTubeNick Babich
15:28
Create a Functional HAMBURGER MENU NAVIGATION in Figma (Tut…
181K viewsDec 5, 2022
YouTubeMavi Design
9:07
Responsive Navigation bar in Figma - How to Design auto layout navbar
70.4K viewsMar 3, 2022
YouTubeLearn UX Design
9:21
Responsive Menu Navigation bar in Figma - Auto Layout Design Tutori…
4.2K viewsFeb 13, 2025
YouTubeCoding Foundation
6:46
How to Prototype Mobile Navigation Bar in Figma | Figma Prototype Tu…
368 views10 months ago
YouTubePixel Stride
See more videos
Static thumbnail place holder