Animated Dropdown Menu with Variants in Figma (2022 Update)

Animated Dropdown Menu with Variants in Figma (2022 Update)

Tim Gabe 170K subscribers
76K views · 2022-09-08 UI DesignInteraction & UX
Create realistic prototypes with the simple 3-step technique taught in this video.

📕 Show Notes 📕

➡️ Learn How To Master Auto Layout: https://youtu.be/Kf8L3CeiWzQ
➡️ Learn About The 8-Pt Grid System: https://youtu.be/ohF93_k3IMk
➡️ Learn About Interactive Components: https://youtu.be/eeGVBhZURUI
➡️ Learn About Smart Animate: https://youtu.be/thplNeqE9Tg

➡️ Subscribe To The Channel HERE: https://www.youtube.com/c/TimGabeDesign

Timecodes
00:00 - Intro
01:04 - Step 1: Create Atoms
02:38 - Step 2: Add States
04:19 - Step 3: Combine Into Component

#figma #figmatutorial

➡️ QUESTION — Have a question about UI, UX or Product Design? Designing in Figma? Or Anything Else? Post in the comments section of this video—I’m happy to answer!