Design a Functional SIDEBAR MENU in Figma (With Hover States)

Visit my STORE: https://bit.ly/mavi-design-store
Explore Mavi Design COURSES : https://bit.ly/mavi-design-courses
Download FIGMA for FREE: https://bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA's features: https://bit.ly/figma-professional-plan

In this video I'm going to show you how to design a fully functional / working sidebar menu navigation for your app or website in Figma. It's great when you want your user to be able to navigate through pages and give him visibility into where he currently is

Steps:
0:00 — The Result
0:15 — Tutorial structure & steps
0:54 — STEP 1: Creating pages
1:50 — STEP 2: Button component
5:50 — STEP 3: Menu component
7:44 — STEP 4: Link buttons to pages
8:31 — STEP 5: Create menu variants
9:58 — STEP 6: Place menu variants
11:39 — The Result

————
© 2022 Mavi Design

How to Create (Design / Build) a Fully functional Sidebar Menu Navigation With Hover State in Figma (Full Process Step-by-step explanation tutorial) – Figma tutorial for beginners. Simple and easy to follow tutorial with explanation