How to Create Interactive DROP DOWN Menu In Figma | Figma Variables (Easy)

#figma #dropdown #animation
In this video, I tried to show you how to create an interactive drop-down animation using Figma variables. 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
Landing Page UI Design: • Landing Page Design in...
Carousel Animation: • How to Create Endless ...
Interactive Dial Screen: • Create Interactive Dia...
UI Design Challenges: • Daily UI Design Challe...
UI Design Resouces: • UI Design Resources
Figma Animation Tutorial Playlist: • Playlist

Пікірлер: 28

  • @VitorLaurindo
    @VitorLaurindo16 күн бұрын

    Great!

  • @pixxelex

    @pixxelex

    15 күн бұрын

    Thanks!

  • @Pibepan10
    @Pibepan105 ай бұрын

    So what happen when you have another section just downside, it will cover the dropdown, there is somehow I can fix it?

  • @fel3742
    @fel37425 ай бұрын

    I want to do something like this but that the item I have selected isn't in the list anymore, like when artist is selected it won't be visible in the list anymore - how can I do that?

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

    Excellent! cheers for that

  • @pixxelex

    @pixxelex

    Ай бұрын

    Glad it helped!

  • @gantid_jinsu
    @gantid_jinsu5 ай бұрын

    Great Tutorial!!!!

  • @pixxelex

    @pixxelex

    5 ай бұрын

    Thank you!

  • @raghumani5313
    @raghumani53138 ай бұрын

    Great

  • @pixxelex

    @pixxelex

    8 ай бұрын

    Thank You!

  • @raymondho8675
    @raymondho86752 ай бұрын

    Thank you!!

  • @pixxelex

    @pixxelex

    2 ай бұрын

    You're welcome!

  • @mrscatterhead
    @mrscatterhead6 ай бұрын

    Great Tutorial! I just have a question. I created a dropdown menu following this method (worked perfectly) and used different instances of the main component but when i click on one of the options every instance change to that option. Any (efficient) idea on how to avoid that? Thanks!

  • @pixxelex

    @pixxelex

    6 ай бұрын

    Please check with the tutorial once again, It should work

  • @20-sakthivel17
    @20-sakthivel174 ай бұрын

    nice bro thanks

  • @pixxelex

    @pixxelex

    4 ай бұрын

    Welcome

  • @manojeldiosart5833
    @manojeldiosart58335 ай бұрын

    How to fit component 6 in after component , i wasn't able to do it so i copied the individual components and placed inside the after component that worked but i need to know how did you do it

  • @pixxelex

    @pixxelex

    5 ай бұрын

    Simply copy the "Component 6" using (Ctrl + C) and paste it inside the "After" component using (Ctrl + V).

  • @kerryfranklin1108
    @kerryfranklin11088 ай бұрын

    Does it work if you use an instance of the component and change the variables? I wasn't able to make this work.

  • @pixxelex

    @pixxelex

    8 ай бұрын

    If you change the values of the variables then it will work.

  • @kerryfranklin1108

    @kerryfranklin1108

    8 ай бұрын

    @@pixxelex Have you tested an instance in a different document (not where the component was created) with different local variables? I created a new document and pulled an instance of the dropdown from my library. I created new local variables and assigned them to the placeholder and menu options. However, when I test it in presentation mode, the menu options show the variables from the main component, not the new ones.

  • @3DWORLDLAB
    @3DWORLDLAB2 ай бұрын

    are you use figma pro please answer

  • @pixxelex

    @pixxelex

    2 ай бұрын

    Yes

  • @user-mw8rk8pl9q
    @user-mw8rk8pl9q3 ай бұрын

    Hi! Subtitles in spanish, please... very good

  • @43nameermuhammed19
    @43nameermuhammed193 ай бұрын

    Why this much speedx?

  • @nicolasvedrine8863
    @nicolasvedrine88633 ай бұрын

    I have the starter pack and as soon as I try to set the variable in the last part of the tutorial, I have to change the pack to the professionnal pack...

  • @sciencepro-tz1ij

    @sciencepro-tz1ij

    3 ай бұрын

    If you are a student at a university, you can obtain a free education plan by applying and verifying your student email. I also encountered the same issue as you, but after hours of research, I found this solution. Give it a try.

  • @jlcontrer1219
    @jlcontrer12192 ай бұрын

    NOT EASY, did not explain anything, instead put some music and paid bots to comment on his video so it looks real.