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 Inter...
Animated Heart Icon: • Figma Animated Heart Icon | Interactive Co...
Animated Swipe to Delete: • Figma Swipe to Delete | Interactive Compon...
Floating Action Button (FAB): • Floating Action Button Animation in Figma ...
Animated Like Button: • Animated Like (Heart) Button | Figma Inter...
Search Bar (Keyboard Input Animation): • Search Bar (Keyboard Input Animation) | Fi...
Loading Animation: • Loading Animation | Figma Interactive Comp...
Interactive Star Rating: • Figma Star Rating Animation | Interactive ...
Interactive Slider: • Figma Slider Animation Tutorial | Interact...
Interactive Button: • Figma Interactive Button Tutorial | Prototype
Radio Buttons: • Figma Interactive Components | Radio Button
Checkbox: • Checkbox | Figma Interactive Components wi...
Dropdown Menu: • Figma Dropdown Menu Tutorial | Prototype
Input Fields: • Figma Interactive Components | Input Field
Progress Bar: • Figma Progress Bar Tutorial | Prototype
Toggle Switch Button: • Figma Toggle Switch Button | Interactive C...
======
Don't forget to like, subscribe and turn on notifications to watch new ui ux design videos and figma tutorials.