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
Great!
@pixxelex
15 күн бұрын
Thanks!
So what happen when you have another section just downside, it will cover the dropdown, there is somehow I can fix it?
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?
Excellent! cheers for that
@pixxelex
Ай бұрын
Glad it helped!
Great Tutorial!!!!
@pixxelex
5 ай бұрын
Thank you!
Great
@pixxelex
8 ай бұрын
Thank You!
Thank you!!
@pixxelex
2 ай бұрын
You're welcome!
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
6 ай бұрын
Please check with the tutorial once again, It should work
nice bro thanks
@pixxelex
4 ай бұрын
Welcome
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
5 ай бұрын
Simply copy the "Component 6" using (Ctrl + C) and paste it inside the "After" component using (Ctrl + V).
Does it work if you use an instance of the component and change the variables? I wasn't able to make this work.
@pixxelex
8 ай бұрын
If you change the values of the variables then it will work.
@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.
are you use figma pro please answer
@pixxelex
2 ай бұрын
Yes
Hi! Subtitles in spanish, please... very good
Why this much speedx?
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
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.
NOT EASY, did not explain anything, instead put some music and paid bots to comment on his video so it looks real.