In this video, I’ll show you how to a website Responsive Header Using auto layout and Components using Figma.

Design A Responsive Navbar For Your Website Using Figma
How to Create a Website Responsive Header?
Responsive Website Header | Accordion Menu | Using auto layout | Prototype (Figma Tutorial)
Figma tutorial
Figma tutorial for beginners
auto layout Figma
figma auto layout
UI/UX design beginners tutorial

#ux #ui #uiux #figma #prototype #uxdesign #uidesign #userexperience #userfriendlyinterface #userflow #customerexperience #customerjourney #design #tutorial

Website Navbar ui ux | ui ux design tutorial for beginners | website | Figma Tutorial


00:00 Introduction
00:18 Create Buttons with Icons
01:08 Make Auto Layout
02:49 Change Colors
03:28 Navebar Width
03:47 Responsive
05:30 Accordion Menu (Component)
06:21 Website Page
06:43 Hero Section
08:32 Put Navbar on Responsive Page
09:30 Prototype