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

#figma #uidesign #animation
How To Create Interactive Drop Down Menu In Figma | Figma Tutorial

In this video, I tried to show you how to do an interactive drop-down menu component in Figma using smart animate.

Follow Me

Check Out Previous Videos

TimeStamps
00:00 - Preview
00:24 - Design
02:58 - Interactive Component
04:32 - Prototype
06:08 - Final Output

[pixxelex]

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

[aksinghh]

This was the most straight forward & correct way of doing things. Most big youtubers are confusing me with so many steps but u r impressive. Thanks

[niranjalidutta]

From last 2 days I was searching for a easy step by step, tutorial for drop down menu feature other videos a with lot of things jumbled but accidentally clicked ur video and it turned out to be amazing 😍.
Straight to the point, perfect for beginners 👍🏻
Thanks a lot 👍🏻

[akandeaisha]

May God bless you for this awesome video, I have been trying to sort this out for weeks. Thank you for this video

[oliviabakerr]

Helped me in the fastest and most straightforward way I needed asap!

[oliverpolicarpio]

in 3:16, how is it able to hide the Group 2 Top right and Top corner from Group 1? Since we have a radial corner. Mine is showing group 2 because it has holes

Edit: Nevermind. I missed the step to make the frame corner to round

[onwadonjazzy]

Thanks for the display but please add voice explanation alongside the steps taken for better understanding.

[NHILE-zblc]

Coi gần nát cái utube mới được cái clip chỉ có tâm :(( huhu cám ơn

[SPKBLUE]

Gracias por subir el video, muy bien explicado, sin dar tantas vueltas, directo al grano, como debe ser.!

[onyiyehelda]

This is perfect and easy to do thank you

[realcat]

Hello can you tell me how to bring back the colors down again which u sent using shift+ L because I want to add some more colours to it

[mitalbakrania]

Hi, thankyou so much for such a easy & detailed interaction video, there is a one more question how may i share this prototype in my portfolio?? i mean i wont share this i will make another interaction but how to convert figma file into video plz do share if u have a link for that.

[ikennagibson]

Nice video...please how can I add a hover effect to this awesome dropdown?

[deekshadatyal]

U have taken the backgrounds white..bt if we are taking any othercolors then they are visible after shifting..

[startswithAendswithE]

During the process of repeating when assigning to the different colors in the component set, is there a shortcut to this manual process or it really has to be this painstakingly long? 😅
As in my concern on my end, my dropdown box will have quite a lot of choices in there LOL. If there is a shortcut to this process would be awesome!