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.
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
    @pixxelex8 ай бұрын

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

  • @manzienock7241
    @manzienock72419 ай бұрын

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

  • @pixxelex

    @pixxelex

    9 ай бұрын

    Glad you liked it!

  • @hadeermosbah3722
    @hadeermosbah37225 ай бұрын

    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 ?

  • @timilehinolabayo6182
    @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

    @pixxelex

    Ай бұрын

    You are so welcome!

  • @user-rj8tn5tx8v
    @user-rj8tn5tx8v8 ай бұрын

    Great tutorial. Simple & short 👍👍

  • @pixxelex

    @pixxelex

    8 ай бұрын

    Glad you liked it!

  • @daniela4986
    @daniela4986Ай бұрын

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

  • @pixxelex

    @pixxelex

    Ай бұрын

    Glad it was helpful!

  • @user-sj2sn2wx5z
    @user-sj2sn2wx5z9 ай бұрын

    ns si me entiendas , pero me ayudaste mucho mucho gracias

  • @user-fh6of9tq1m
    @user-fh6of9tq1m5 ай бұрын

    Thank you so much! It helps me a lot!

  • @pixxelex

    @pixxelex

    5 ай бұрын

    Glad it helped!

  • @JulietAhiante-lc3rl
    @JulietAhiante-lc3rlАй бұрын

    Thank you.. it was so easy to learn

  • @pixxelex

    @pixxelex

    Ай бұрын

    You're welcome 😊

  • @julipascheAB
    @julipascheAB3 ай бұрын

    me salvo la vida

  • @arunsbabu6155
    @arunsbabu61556 ай бұрын

    thank you

  • @pixxelex

    @pixxelex

    6 ай бұрын

    You're welcome

  • @kaarenjeann8887
    @kaarenjeann88877 ай бұрын

    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

    @pixxelex

    7 ай бұрын

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

  • @moyinoluwadosumu1359
    @moyinoluwadosumu13599 ай бұрын

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

  • @pixxelex

    @pixxelex

    9 ай бұрын

    Thanks, I have used 150ms for linking the options

  • @carlslyjunedacanaybutt6743
    @carlslyjunedacanaybutt6743Ай бұрын

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

  • @pixxelex

    @pixxelex

    Ай бұрын

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

  • @leanstrong755
    @leanstrong7554 ай бұрын

    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

    @pixxelex

    4 ай бұрын

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

  • @leanstrong755

    @leanstrong755

    4 ай бұрын

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

  • @pixxelex

    @pixxelex

    4 ай бұрын

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

  • @andriidzvonkovskyi8184
    @andriidzvonkovskyi818411 ай бұрын

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

  • @pixxelex

    @pixxelex

    10 ай бұрын

    Will soon make a tutorial on it

  • @pixxelex

    @pixxelex

    8 ай бұрын

    Check out the latest video of Drop Down Menu using Figma Variables Link is here: kzread.info/dash/bejne/ZnqY0suYorfFiZc.html

  • @marcusjones4743
    @marcusjones47438 ай бұрын

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

  • @pixxelex

    @pixxelex

    8 ай бұрын

    Make sure to turn on the content clip of the frame.

  • @Pibepan10

    @Pibepan10

    5 ай бұрын

    same question even with clip content

  • @mariopellegrino4782
    @mariopellegrino47824 ай бұрын

    omg the music....please no

  • @prashanthanagandi454
    @prashanthanagandi4544 ай бұрын

    Am i the only one who is fucked up rn?