Create a DROPDOWN MENU in Figma (Tutorial)

Thank you for the tutorial, very easy to follow as a beginner, sometimes figma doesn't want to cooperate for some reason, but retracing my steps usually solved every issue

Thank you so much for this excellent tutorial. It took me about an hour to do this but I'm so happy I kept at it, I'm so pleased with the results. I can't thank you enough!

It took me a lot of pausing the video and doing it myself but I finally got there! Thank you so much this was so helpful!

Thank you, this is the first tutorial I could follow as a beginner and get the result.

I've watched numerous videos trying to figure this out, and you're the only one who's made it super easy to understand. It's quite impressive how others tend to overcomplicate things.

Great Video! Highly recommended, even though had been following the instructor step by step and made the first chapter less than a minute the second part took days to find out about the magic of the Parent Component!! It's 12:58 am just solved the problem. watch the screen and details carefully, GOOOD Luck :D

Ditto on all the thank yous! It took a minute (not literally) to get this right, but I got it! Word to the wise: Make sure "clip content" in right margin is unchecked or you will not see the drop-down selections. Thanks, Mavi Design!!

Amazing tutorial! Thank you!

Thank you for this! Figma is pretty cool but it can be very complex sometimes

This is so helpful! I was learn alone when try to make this dropdown menu. Unfortunately, i fvckup. Now I know from this video this is so complicated but it’s important to try. Thank you!

What a wonderfully elaborated tutorial, very helpful ❤❤

Thx a lot, I like that you didn't spend hours on simple task. For those finding it too fast, just play the video in slow mode :) Btw -> I am a figma beginer. Never used any design tool

Really appreciate this breakdown! I know many designers will find this to be extremely useful!

Thank you. Nice tutorial. Practical and straight-to-the-point 👌

There are times i feel like im out of my depth. this is one of those times. but you def explained it well.

Thank you for clear explanation !

You have explained clearly.....thanks for the video

Thank you very much! Excellent video and very well explained. Update: To display the selected option in the dropdown menu just check the option "Reset component state" in interaction details for options 1, 2, 3, 4 and 5 that were added in the horizontal of "Select an option".

Thanks a bunch! at least one useful tutorial for creating a monthly dropdown! Cheers!

I'm really grateful for this tutorial and the Figma community. Like many others, I struggled at the 2:44 point and wasn't able to see the option to "Fill Container". I too was thinking maybe there was a special duplicate process or something. NOPE! The video shows EXACTLY how to do it and I just wasn't paying close attention. So before I reveal the SIMPLE answer, I say hats off to Mavi Design and I won't doubt your mad skills again! (BIG GRIN). OK, here's the big reveal . . . there is no special duplicate process . . . all you need to do is after you have all five options created, just as shown in the video, then turn it into a frame and then a component . . . right there, Mavi has the component selected, and say "I'm going to change the size like this, PRESS ENTER". Bingo, if you don't press ENTER, you have the component selected and you WILL NOT see the option to "Fill Container". As long as you do exactly like Mavi says and PRESS ENTER, which drills into the component and selects all the stuff inside, then go to the horizontal resizing menu and the "Fill Container" option is there waiting for you. Okay, I probably could have written this much shorter, but if you were struggling and this helped, give my comment a Thumbs up, so I don't feel so alone in my confusion. Ha! Thanks Mavi Design . . . I'm a subscriber.