How to Create Interactive Drop Down Menu In Figma

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

Рет қаралды 24,483

Күн бұрын

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.
Support Me: www.buymeacoffee.com/rohanmoh...
Follow Me
Behance: www.behance.net/rohanmoharana
Instagram: / rohandesigns_
Check Out Previous Videos
Animated Sign Up: • How to Create Interact...
Collapsible Sidebar: • Create Collapsible Sid...
Endless AutoScroll: • Interactive Landing Pa...
Loading Animation: • 3 Creative Loading Ani...
UI Design Resouces: • UI Design Resources
Figma Animation Tutorial Playlist: • Playlist
TimeStamps
00:00 - Preview
00:14 - Design
04:00 - Prototype
06:03 - Final Output

Пікірлер: 38

@pixxelex 8 ай бұрын

Thanks for all the support for this video. Check out the latest video of Drop Down Menu using Figma Variables Link is here: kzfaq.info/get/bejne/aqyUo8yQ17rDiWg.html

@manzienock7241 9 ай бұрын

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

@pixxelex 9 ай бұрын

Glad you liked it!

@hadeermosbah3722 5 ай бұрын

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 ?

@daniela4986 Ай бұрын

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

@pixxelex Ай бұрын

Glad it was helpful!

@timilehinolabayo6182 Ай бұрын

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.

@pixxelex Ай бұрын

You are so welcome!

@user-rj8tn5tx8v 8 ай бұрын

Great tutorial. Simple & short 👍👍

@pixxelex 8 ай бұрын

Glad you liked it!

@user-fh6of9tq1m 5 ай бұрын

Thank you so much! It helps me a lot!

@pixxelex 5 ай бұрын

Glad it helped!

@user-sj2sn2wx5z 9 ай бұрын

ns si me entiendas , pero me ayudaste mucho mucho gracias

@JulietAhiante-lc3rl Ай бұрын

Thank you.. it was so easy to learn

@pixxelex Ай бұрын

You're welcome 😊

@julipascheAB 3 ай бұрын

me salvo la vida

@moyinoluwadosumu1359 9 ай бұрын

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

@pixxelex 9 ай бұрын

Thanks, I have used 150ms for linking the options

@kaarenjeann8887 7 ай бұрын

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.

@pixxelex 7 ай бұрын

See, I believe there shouldn't be any button below it. You could set up a second button next to it.

@arunsbabu6155 6 ай бұрын

thank you

@pixxelex 6 ай бұрын

You're welcome

@leanstrong755 4 ай бұрын

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

@pixxelex 4 ай бұрын

Make sure to turn on the Clip content of the parent frame (Frame 5).

@leanstrong755 4 ай бұрын

@@pixxelex Thanks, but do i just need to select the frame and push it up with Clip content being on? right?

@pixxelex 4 ай бұрын

Yup! Just turn on the Clip content of the parent frame (Frame 5).