How to Design and Prototype a Bottom Navigation Bar in Figma | Material Design Components
6:06
YouTubeSoren Iverson
How to Design and Prototype a Bottom Navigation Bar in Figma | Material Design Components
In this video, I walk through how to design and prototype a bottom navigation bar component in Figma. This is a component used in Google's Material Design system, which you can learn more about here: https://m2.material.io/components/bottom-navigation Figma file: https://www.figma.com/community/file/1203703753054458490 New to Figma? Sign up ...
38.9K viewsJan 17, 2023
Shorts
Navigate prototype connections in Figma like a pro
0:51
4K views
Navigate prototype connections in Figma like a pro
DesignCode
Prototype Features Demo in Figma | UI/UX Prototyping Guide #uiuxdesign #uidesign #uxdesign
0:46
94 views
Prototype Features Demo in Figma | UI/UX Prototyping Guide #uiuxdesign #uidesign
DIT Academy
Figma Tutorial
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
Introducing Figma: A Beginners Tutorial (2023 UI UX Design)
31:38
Introducing Figma: A Beginners Tutorial (2023 UI UX Design)
YouTubeRino de Boer
1.4M viewsJan 12, 2023
Figma Tutorial: A Crash Course for Beginners
1:22:49
Figma Tutorial: A Crash Course for Beginners
YouTubeBring Your Own Laptop
529.5K viewsMar 16, 2023
Top videos
Animated Navigation Bar in Figma - Prototyping Tutorial
11:45
Animated Navigation Bar in Figma - Prototyping Tutorial
YouTubeuxpeak
174.6K viewsMay 30, 2023
Animate Your Navigation Bar in Figma Like a Pro! (Easy Prototyping Tutorial)
40:44
Animate Your Navigation Bar in Figma Like a Pro! (Easy Prototyping Tutorial)
YouTubeAli Hassan
45.4K viewsMar 29, 2024
Animated Bottom Navigation Bar in Figma - Prototype Tutorial
5:52
Animated Bottom Navigation Bar in Figma - Prototype Tutorial
YouTubeUniqs Academy
17.7K viewsJun 22, 2023
Figma Design Tips
How to Master Figma and Design 10X FASTER!
12:10
How to Master Figma and Design 10X FASTER!
YouTubeDesign Champs
104K viewsFeb 26, 2024
Assemble the portfolio pages: Figma Design for beginners [11 of 13]
12:27
Assemble the portfolio pages: Figma Design for beginners [11 of 13]
YouTubeFigma
14.1K views7 months ago
Figma Design for Beginners
1:00
Figma Design for Beginners
YouTubeFigma
58.3K views8 months ago
Animated Navigation Bar in Figma - Prototyping Tutorial
11:45
Animated Navigation Bar in Figma - Prototyping Tutorial
174.6K viewsMay 30, 2023
YouTubeuxpeak
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…
45.4K viewsMar 29, 2024
YouTubeAli Hassan
Animated Bottom Navigation Bar in Figma - Prototype Tutorial
5:52
Animated Bottom Navigation Bar in Figma - Prototype Tutorial
17.7K viewsJun 22, 2023
YouTubeUniqs Academy
Figma Project: Build a Navigation Menu with Components
11:35
Find in video from 10:30Prototyping and Final Adjustments
Figma Project: Build a Navigation Menu with Components
457K viewsJun 12, 2018
YouTubeFigma
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
106.2K viewsNov 2, 2023
YouTubeUI PEP
Prototyping A Navigation Bar In Figma | Figma navigation bar | Figma tutorial
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
Transparent, Fixed, and Dynamic Navbar Prototyping for Scrolling in Figma UI Design.
6:31
Transparent, Fixed, and Dynamic Navbar Prototyping for Scrolling i…
112.2K viewsSep 6, 2023
YouTubeThefemijohn
4:29
Tab navigation in Figma
75K viewsNov 30, 2023
YouTubeNick Babich
9:07
Responsive Navigation bar in Figma - How to Design auto layout navbar
69K viewsMar 3, 2022
YouTubeLearn UX Design
4:42
Create a Simple Prototype in Figma | UX/UI Tutorial
981 views10 months ago
YouTubeCryeStudio Design Tutorials
5:00
The CORRECT (and lazy) way to prototype | Figma Tutorial
884.1K viewsMay 3, 2022
YouTubeMizko
9:46
Find in video from 08:01Adding Prototypes
The Right Way To Build A Navigation Bar In Figma!
152.9K viewsNov 7, 2022
YouTubeBuild With Fede
1:03:19
Figma for Edu: Prototyping 101, new basics
158.3K viewsJan 22, 2024
YouTubeFigma
8:00
Create A Fixed / Sticky Bottom Nav Bar That Animates Between Scree…
204.9K viewsMar 14, 2023
YouTubeDarren Northcott - Figma, UX & UI
5:17
Find in video from 02:52Switching to Prototyping
Create A transparent Navbar With Seamless Scrolling : Fixed And Dy…
18.9K viewsFeb 26, 2024
YouTubeicode ng
3:16:03
Figma App Build: Research → Prototype (Components & Iteration)
13.6K views4 months ago
YouTubeUI Collective
1:32:39
Figma Prototyping Tutorial: Master Advanced Prototyping Skills Like …
17.4K viewsOct 16, 2024
YouTubeDesign with Kingsley
11:12
Find in video from 01:03Adding Interactivity to the Prototype
Figma Dropdown Menu with Variants | Figma Prototype Tutorial
363.6K viewsMar 8, 2021
YouTubeAngela Design
3:58
Figma Tutorial: Prototyping (older version)
1.5M viewsFeb 27, 2018
YouTubeFigma
30:51
Advanced Figma Prototyping with Variables | FREE COURSE
65.9K viewsAug 21, 2024
YouTubeEnvato Tuts+
5:41
Reduce Prototypes by 50% (Simple trick) | Figma Tutorial
571.3K viewsMar 13, 2023
YouTubeMizko
18:43
Find in video from 15:48Prototype setting
Real responsive navigation bar in Figma!
11.4K viewsSep 20, 2024
YouTubeKimo
9:44
Find in video from 00:46Creating Prototype Variables
Conditional prototyping with variables in Figma
4.3K viewsAug 2, 2024
YouTubemasha
29:48
How To Create a Functional DROPDOWN MENU Prototype in F…
110.5K viewsJun 29, 2022
YouTubeMavi Design
12:15
Find in video from 03:09Adding Navigation Links
How to create an interactive sidebar menu in Figma using interactive c…
99K viewsFeb 9, 2022
YouTubeJust UX
6:47
Figma basic: Dropdown with hover effect in figma | Hover effect figm…
89.3K viewsMar 17, 2023
YouTubeVidscape Code
1:57
Find in video from 01:00Adding Components and Prototyping
Design Interactive Dropdown Menu in FIGMA in 2 minutes | Figma Tut…
22.5K viewsMay 13, 2024
YouTubeTekglide
2:41
Interactive Sidebar in Figma: Expand/Collapse on Hover - Easy …
20.1K viewsSep 23, 2024
YouTubeMindesigning
1:00
Smooth Animated Navigation bar in Figma (Quick Tutorial) #figmatutor…
14.5K viewsNov 17, 2024
YouTubeRawan
See more videos
Static thumbnail place holder

  • Design & Build Faster with AI | Get Started for Free

    https://www.figma.com
    About our ads
    SponsoredStart with a design and prompt your way to a functional prototype, fast - with Figma Make. …

    View Investors · Check Pricing Details · See Community · Explore Resources