#uxfive #ui #ux #userexperience #tutorial
In this comprehensive Figma tutorial for beginners, we dive into the powerful Auto Layout feature to create a stunning dashboard website landing page design. Whether you're new to Figma or looking to enhance your design skills, this step-by-step tutorial will guide you through the process of building a responsive and dynamic dashboard layout using Auto Layout in Figma. Join us as we explore the techniques and best practices for leveraging Auto Layout to streamline your design workflow and create visually impressive interfaces. Get ready to take your Figma skills to the next level with this informative tutorial!
In this video, we will learn how to create a Dashboard using Figma, and we will explain how to create a Dashboard using auto layout and using components Figma Tutorial.
how to make interactions between components
how to make prototypes and animated designs in Figma


Figma | Used Shortcuts:-
Auto Layout: ShiFT + A
Group: Command + G. or Control +G.
Duplicate: Command + D. or Control + D

Used Elements:-
Shapes
Tabs
Filters
Buttons
Links
Active Buttons
Charts
Donut Chart
Bar Chart

Dashboard UI UX | UI UX Design Tutorial | Figma Tutorial


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

Music track: Take Off by Luke Bergs & Waesto
Source: https://freetouse.com/music
Background Music for Videos (Free)

Music track: Nothing by Damtaro
Source: https://freetouse.com/music
No Copyright Vlog Music for Videos

00:00 Introduction
00:37 Add Background Frame
01:20 Create Header/Navbar
04:45 Dashboard Title Section
05:33 Dashboard UI Filters
07:32 Charts - Donut Chart
11:31 Dashboard Chart Cards
14:00 Dashboard UI Tabs
15:32 Dashboard Bar Chart
17:47 Cards Chart
21:08 Analatical UI Cards
25:02 Animated Dashboard
25:32 Prototype