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: https://youtu.be/kq2MwhPsVgg

Animated Heart Icon: https://youtu.be/MvQ2xMfR060

Animated Swipe to Delete: https://youtu.be/DuP_Zp2KClk

Floating Action Button (FAB): https://youtu.be/R6Zfp0MI6b8

Animated Like Button: https://youtu.be/k2lwD4S5_ts

Search Bar (Keyboard Input Animation): https://youtu.be/Oiav0MXU2sQ

Loading Animation: https://youtu.be/f3PS8Y1fiIY

Interactive Star Rating: https://youtu.be/psl1ar21oC8

Interactive Slider: https://youtu.be/Y1Qu5h6w7CU

Interactive Button: https://youtu.be/-BTCL-vHvRA

Radio Buttons: https://youtu.be/k0D1l3lGs_M

Checkbox: https://youtu.be/0jgvOyS3XsQ

Dropdown Menu: https://youtu.be/e3K5ux4hOao

Input Fields: https://youtu.be/wiBarR5SIRA

Progress Bar: https://youtu.be/gIK-07miFOc

Toggle Switch Button: https://youtu.be/N_0X5rb6miY

======

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