Dropdown Menu with Scroll Animation | Figma Interactive Components

In this tutorial, I will show you how to make Dropdown Menu with Scroll Animation in Figma with Interactive Components. Also, you will learn how to make an Overlay Menu to show a animated scrollable list using Scroll Bar and how to make Dropdown Selection Animation with Components, Variants, Figma Prototype and Figma Animation.

In this video I show you:

00:00 Intro
00:41 Dropdown Button
02:21 Overlay Menu
04:05 Scroll Bar
05:27 List View
06:10 Dropdown Menu Variant
06:25 Scroll Animation
06:51 Dropdown Selection Animation
07:45 Create Multiple Components
08:03 Combine as Variants
08:12 Prototype

======

Watch my others Figma Interactive Components tutorials:

Progress Bar Button:    • Download Progress Bar Button | Figma ...  

Animated Heart Icon:    • Figma Animated Heart Icon | Interacti...  

Animated Swipe to Delete:    • Figma Swipe to Delete | Interactive C...  

Floating Action Button (FAB):    • Floating Action Button Animation in F...  

Animated Like Button:    • Animated Like (Heart) Button | Figma ...  

Search Bar (Keyboard Input Animation):    • Search Bar (Keyboard Input Animation)...  

Loading Animation:    • Loading Animation | Figma Interactive...  

Interactive Star Rating:    • Figma Star Rating Animation | Interac...  

Interactive Slider:    • Figma Slider Animation Tutorial | Int...  

Interactive Button:    • Figma Interactive Button Tutorial | P...  

Radio Buttons:    • Figma Interactive Components | Radio ...  

Checkbox:    • Checkbox | Figma Interactive Componen...  

Dropdown Menu:    • Figma Dropdown Menu Tutorial | Prototype  

Input Fields:    • Figma Interactive Components | Input ...  

Progress Bar:    • Figma Progress Bar Tutorial | Prototype  

Toggle Switch Button:    • Figma Toggle Switch Button | Interact...  

======

Don't forget to like, subscribe and turn on notifications to watch new ui ux design videos and figma tutorials.