Figma Navigation Bar - Search Videos

How to Create an Animated Navigation Bar in Figma

YouTubeEdward Gerasim

How to Create an Animated Navigation Bar in Figma

This Figma tutorial shows you how to create an animated navigation bar from scratch. Learn the complete UI/UX workflow to design a stunning, interactive nav bar that will make your prototypes stand out. In this video, we'll cover every step of the Figma animation process, including: Designing a custom nav bar with a unique cutout shape using ...

482 views9 months ago

Navigation Bar Design

Animated Responsive Navbar with CSS - Plus Other Useful Tricks

Animated Responsive Navbar with CSS - Plus Other Useful Tricks

YouTubeFireship

1M viewsFeb 28, 2020

Animated Navigation Bar Tutorial | HTML & CSS

Animated Navigation Bar Tutorial | HTML & CSS

YouTubeAngela Design

26.7K viewsApr 15, 2020

Animated Navigation Bar in Figma - Prototyping Tutorial

Animated Navigation Bar in Figma - Prototyping Tutorial

183.5K viewsMay 30, 2023

Top videos

Create an Interactive Animated Navigation Bar in Figma – Step-by-Step Tutorial!

Create an Interactive Animated Navigation Bar in Figma – Step-by-Step Tutorial!

377 viewsFeb 17, 2025

Smooth Animated Navigation bar in Figma (Quick Tutorial) #figmatutorial

Smooth Animated Navigation bar in Figma (Quick Tutorial) #figmatutorial

34.3K viewsNov 17, 2024

Level Up your Figma Designs | Bottom Navigation Bar Animation in Figma | EASY Tutorial

Level Up your Figma Designs | Bottom Navigation Bar Animation in Figma | EASY Tutorial

YouTubeUX World

1.9K viewsSep 24, 2024

Navigation Bar Examples

Bootstrap Navbar - free examples & tutorial

Bootstrap Navbar - free examples & tutorial

mdbootstrap.com

Sidebar Navigation Menu With Animated Toggle Bar Using HTML And CSS | CSS Side Navbar Menu

Sidebar Navigation Menu With Animated Toggle Bar Using HTML And CSS | CSS Side Navbar Menu

YouTubeWebKitCoding

212.1K viewsDec 4, 2021

Build a Responsive Sidebar Menu with Animated Dropdowns | HTML CSS JavaScript Project

Build a Responsive Sidebar Menu with Animated Dropdowns | HTML CSS JavaScript Project

YouTubeCoding2GO

276.3K viewsSep 7, 2024

Create an Interactive Animated Navigation Bar in Figma – Step-by-Step Tutorial!

Create an Interactive Animated Navigation Bar in Figma – Step-by-Step Tutorial!

377 viewsFeb 17, 2025

Smooth Animated Navigation bar in Figma (Quick Tutorial) #figmatutorial

Smooth Animated Navigation bar in Figma (Quick Tutorial) #figmatutorial

34.3K viewsNov 17, 2024

Level Up your Figma Designs | Bottom Navigation Bar Animation in Figma | EASY Tutorial

Level Up your Figma Designs | Bottom Navigation Bar Animation in Figma | EASY Tutorial

1.9K viewsSep 24, 2024

YouTubeUX World

Creating A Stunning Navigation Bar In Figma Step-By-Step Tutorial 2023

Creating A Stunning Navigation Bar In Figma Step-By-Step Tutorial 2023

125.1K viewsNov 2, 2023

Animate Your Navigation Bar in Figma Like a Pro! (Easy Prototyping Tutorial)

Animate Your Navigation Bar in Figma Like a Pro! (Easy Prototyping Tutorial)

50.7K viewsMar 29, 2024

YouTubeAli Hassan

How to Create A Navigation Bar in Figma (2026 Step by Step Guide)

How to Create A Navigation Bar in Figma (2026 Step by Step Guide)

152 views3 months ago

YouTubeTutorials With Alex

Day 21/100 Figma Animated Navigation Bar Tutorial (Smart Animate) #figma #smartanimation

Day 21/100 Figma Animated Navigation Bar Tutorial (Smart Animate) #figma #smartanimation

645 views7 months ago

YouTubeThe Ux Journal

How To Create Basic Navigation Bar Design | Figma Tutorial

221 viewsFeb 18, 2024

YouTubeSyntax_Sphere

Smooth interactive Navigation bar in Figma (Quick Tutorial)

667 viewsNov 17, 2024

Designing a Navigation Bar in Figma (Step-by-Step Tutorial!)

103K viewsSep 29, 2024

YouTubeSam Anthony

Animated Navigation Bar in Figma - Prototyping Tutorial

183.5K viewsMay 30, 2023

How to Create Navigation Bar in Figma | Figma Tutorial 2026

992 viewsAug 13, 2024

YouTubeHowToHarbor

Creating The Most Impressive Navigation Bar In Figma With Smart Animate | Figma Tutorial | 2022

4.2K viewsAug 8, 2022

YouTubeProducedBy

Design a Stunning Navigation Bar in Figma – Step-by-Step Tutorial #FigmaTutorial #NavigationBar #ui

473 viewsDec 6, 2024

YouTubeuiux.farida

Create a Bottom Navigation Bar Animation in figma

10.9K viewsJun 12, 2023

YouTubeDesign With Saurabh

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

23.1K viewsMay 4, 2022

YouTubeYariv BE

Animated Bottom Navigation Bar in Figma | Easy tutorial | Prototyping💜🤍🖤

19.5K viewsJan 4, 2024

YouTubeUI Uxpert

Animated Bottom Navigation Bar | Figma Animation

1.9K viewsFeb 14, 2023

YouTubeChinsk Design

Animated Bottom Navigation Bar in Figma | Easy tutorial | Prototyping💜🤍🖤 #tutorial #design #figma

59.4K viewsJan 4, 2024

YouTubeUI Uxpert

How to create simple Navigation bar in Figma | Speed Art Tutorial | Figma | UI Design

233 viewsAug 9, 2024

YouTubeDesign Universe

Prototyping A Navigation Bar In Figma | Figma navigation bar | Figma tutorial

1.5K viewsJul 29, 2023

YouTubeUX meets AI

How to Create a Responsive Navigation Bar in Figma

1.6K viewsMay 19, 2025

YouTubeUI design

Animated Mobile Navigation Menu Bar Design in Figma | Bottom Navbar Animation

10.2K viewsFeb 19, 2024

Create the navigation bar and footer: Figma design for beginners [9 of 13]

25.2K views9 months ago

Animated Bottom Navigation Bar in Figma - Prototype Tutorial

19.3K viewsJun 22, 2023

YouTubeUniqs Academy

Create An Elegant Navigation Bar In Figma Step-By-Step Tutorial

1.1K viewsAug 23, 2024

YouTubeicode ng

Create A Fixed / Sticky Bottom Nav Bar That Animates Between Screens - Figma Tutorial

213.8K viewsMar 14, 2023

YouTubeDarren Northcott - Figma, UX & UI

Create A Fixed Bottom Nav Bar / Expanding Menu That Animates Between Screens - Figma Tutorial 2024

6.6K viewsNov 13, 2024

YouTubeDarren Northcott - Figma, UX & UI

How to Create a Responsive Navigation Bar in Figma | Auto Layout Tutorial (2025)

191 views10 months ago

YouTubedeveloper Suman

See more