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

preview_player
Показать описание
In this video, we'll explore the art of creating a stunning navigation bar in Figma with a step-by-step tutorial for 2023. Learn how to select icons, design components, and make your navigation bar truly exceptional.

Subscribe for more simplified tutorials like this
  1. UI PEP
  2. Figma tutorial
  3. Navigation bar design
  4. Figma navigation bar
  5. UI design
  6. User interface
Рекомендации по теме
Magic Navigation Menu 0:14:26

Magic Navigation Menu Indicator using Html CSS & Javascript | Curve Outside Effects

How to create 0:15:21

How to create a Responsive Navigation Bar (for beginners)

How to Create 0:02:51

How to Create A Navigation Bar using HTML and CSS | Coding Ninja

How to Create 0:06:15

How to Create Navbar in HTML and CSS

Simple Navbar With 0:05:44

Simple Navbar With Flexbox | Navbar CSS Tutorial

Animated Responsive Navbar 0:11:40

Animated Responsive Navbar with CSS - Plus Other Useful Tricks

Navbar CSS Tutorial: 0:15:08

Navbar CSS Tutorial: 3 Ways to Create a Navigation Bar with Flexbox

Menu Animation in 0:04:52

Menu Animation in Figma

12.Responsive Dropdown Navbar 0:00:53

12.Responsive Dropdown Navbar - HTML, CSS & JavaScript

How to create 0:19:02

How to create an awesome navigation bar with HTML & CSS

The Right Way 0:09:46

The Right Way To Build A Navigation Bar In Figma!

How to create 0:04:29

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

Animated Navigation Menu 0:05:43

Animated Navigation Menu Bar using HTML CSS | Menu Hover Animation

How to Create 0:08:00

How to Create Responsive Navigation Bar using HTML and CSS

Create a RESPONSIVE 0:14:56

Create a RESPONSIVE NAVBAR with sidebar animation (CSS ONLY)

Make this Icon 0:12:16

Make this Icon Navigation Menu Bar like an App in Elementor/WordPress | Magic Menu Indicator

Curved Bottom Nav 0:05:08

Curved Bottom Nav Bar📱Flutter Tutorial ♡

12 | CREATE 0:40:59

12 | CREATE A WEBSITE MENU BAR IN HTML | 2023 | Learn HTML and CSS Full Course for Beginners

How To Create 0:15:13

How To Create a Responsive Navbar Using HTML & CSS | Step By Step Tutorial

Glass Navbar CSS 0:05:48

Glass Navbar CSS

Sticky Navigation Bar 0:03:56

Sticky Navigation Bar On Scroll Using Vanilla Javascript | Fixed Navbar on Scroll

Modern Bottom Nav 0:08:15

Modern Bottom Nav Bar📱Flutter Tutorial ♡

3 Free Tailwind 0:00:25

3 Free Tailwind CSS Awesome Resources

How To Make 0:12:58

How To Make Responsive Navbar with Bootstrap 5 | Step by Step Tutorial

Комментарии
Автор

Simple, quick and straight to the point. No bull shitting around

billrussells
Автор

thanks i can finnnaly ake my own os with this oh and where you get thatv music

Hajar-dlzg
Автор

How can i do this then shift to another module also?

CarenMaglangit
Автор

it's a good video where do you find the icons

kln
Автор

Really great effort... Many thanks for you sir 🙏🙏🙏 But could please stop this music on the video if you can 🙏

sallyhefny
Автор

Anyone please tell me I MADE THIS BUT PROBLEM IS I WANT TO USE IT LIKE WHENEVER I CLICK ON ANY OPTION EXAMPLE SEARCH SO THE SEARCH FRAME MUST COME WITH THAT NAV, THAT NAV SHOWS SEARCH IS SELECTED

shivcenzo
Автор

amazing work ! ... but you made it to fast, i can't recognize what is the next step
moreover, we need more videos to learn

kirollosemadwadieghattas
Автор

select all the node and add an animation. when I select the animation windows downs't shows up. anyone? Mac M2

suchicoin
Автор

it was all good until I realised bro was racing throughout the video! If you could speak a little slowly, things would be better!
Anyway, that was a great design tho!

aindriladev
Автор

You could have told in detail how to make this i am still a beginer and i dont know how to use this still

vinodnyamagoudar