How to Create Interactive Drop Down Menu In Figma | Figma Tutorial

Показать описание

In this video, I tried to show you how to create an interactive drop-down menu in Figma with hover effects. If you found this video useful then don't forget to like, comment and share this video.

Follow Me

Check Out Previous Videos

TimeStamps
00:00 - Preview
00:14 - Design
04:00 - Prototype
06:03 - Final Output

Рекомендации по теме

Комментарии

Thanks for all the support for this video.
Check out the latest video of Drop Down Menu using Figma Variables

pixxelex

Really looked everywhere for this exact Tutorial!, Thank goodness for it and you!

manzienock

the frame when it's closed take space in the design, and when i make it smaller in the component it dosent work, the component completey destroyed is there a way to solve that ?

hadeermosbah

Thanks so much for this video. I have been battling with this since yesterday. To the point that I had to off my PC with anger. Although, I’m a newbie. Once again, thanks.

timilehinolabayo

3:57 yo guys when he pushes up the options frame upwards how does it vanishes? like is there any shortcut for something i am trying that since a while now but no progress yet.
Any help would be much appreciated

leanstrong

how do i connect these drop down to another framework?
do you have vid for it?

carlslyjunedacanaybutt

Thanks for the tutorial. This is exactly what I was looking for.

daniela

Nice video, how many ms did you use when linking the options

moyinoluwadosumu

What are you doing to slide it up and hide the drop menu?

marcusjones

How to use this interaction in real project design where another dropdown button is using in below. It will not showing the dropdown list because of the other button that used in below.

kaarenjeann

thanks alot brother, this helped alot

rika

I thought you will use new feature - variable...

andriidzvonkovskyi

ns si me entiendas, pero me ayudaste mucho mucho gracias

yhairnina

Am i the only one who is fucked up rn?

prashanthanagandi

Useless... yall focusing on colours and what not, a beginner just wants a straight forward thing

vew

How to Create Interactive Drop Down Menu In Figma | Figma Tutorial

How to Create Interactive Drop Down Menu In Figma | Figma Tutorial

Beginner Friendly Interactive Dropdown Menu Design in Figma | Figma Prototyping Tutorial

How to Create Interactive DROP DOWN Menu In Figma | Figma Variables (Easy)

How to Design an Interactive Dropdown in Figma | Beginners Tutorial

How to create an interactive dropdown component in Figma | New Figma UI 2024 |

How to Create an Interactive/Functional Dropdown in Figma

How To Create Interactive Drop Down Menu In Figma | Figma Tutorial

How to create Interactive Drop Down Menu in Figma | FIGMA 2023 Tutorials

Learn How to Send an Interactive PDF to Kindle Scribe | Quick Tutorial

Create Interactive Drop-Down Lists in Excel

Create interactive Dropdown menu in Figma

How To Create a Responsive & Interactive ACCORDION Component in Figma (Tutorial)

WEB DESIGN IN FIGMA ep.07: Interactive FAQs Section with ACCORDIONS – Free UX / UI Course

Create a Profile Dropdown Menu in Figma (Interactive Prototype Tutorial)

Filter Menu interactive in figma| Beginners tutorial

Create Interactive Dropdown Menu Selection in Figma with Local (Set) Variables and Variants

The SIMPLEST Way to Create an Interactive SLIDER in Figma (Tutorial)

Figma tutorial: Interactive components

Creating Interactive Accordion in Figma

Create an Interactive App Navigation Menu in Figma

How to create an interactive sidebar menu in Figma using interactive components ⚡

Functional Calendar (Date picker) UI Design in Figma | Interactive Components

How to Create Interactive Dropdown in Figma | Figma Tutorial

Create an Interactive PDF with hover over pop ups in Adobe Illustrator and Acrobat