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

Подписаться 9 тыс.

Просмотров 26 тыс.

50% 1

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

Опубликовано:

13 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-4Fdpi_rT_Y4.html

@manzienock7241 10 месяцев назад

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

@pixxelex 10 месяцев назад

Glad you liked it!

@timilehinolabayo6182 2 месяца назад

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 2 месяца назад

You are so welcome!

@hadeermosbah3722 6 месяцев назад

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 ?

@user-rj8tn5tx8v 9 месяцев назад

Great tutorial. Simple & short 👍👍

@pixxelex 9 месяцев назад

Glad you liked it!

@daniela4986 Месяц назад

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

@pixxelex Месяц назад

Glad it was helpful!

@user-fh6of9tq1m 6 месяцев назад

Thank you so much! It helps me a lot!

@pixxelex 6 месяцев назад

Glad it helped!

@JulietAhiante-lc3rl 2 месяца назад

Thank you.. it was so easy to learn

@pixxelex 2 месяца назад

You're welcome 😊

@user-sj2sn2wx5z 9 месяцев назад

ns si me entiendas , pero me ayudaste mucho mucho gracias

@julipascheAB 3 месяца назад

me salvo la vida

@arunsbabu6155 7 месяцев назад

thank you

@pixxelex 7 месяцев назад

You're welcome

@moyinoluwadosumu1359 10 месяцев назад

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

@pixxelex 10 месяцев назад

Thanks, I have used 150ms for linking the options

@kaarenjeann8887 8 месяцев назад

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 8 месяцев назад

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

@carlslyjunedacanaybutt6743 2 месяца назад

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

@pixxelex 2 месяца назад

Add the components to the frame and make changes in text according to your need

@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).