How to Create Interactive DROP DOWN Menu In Figma | Figma Variables (Easy)
Вставка
- Опубліковано 1 жов 2024
- #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.buymeacoff...
Follow Me
Behance: www.behance.ne...
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
So what happen when you have another section just downside, it will cover the dropdown, there is somehow I can fix it?
did you find out how to make it , i'm facing the same issue
I had the same problem! On auto layout right panel click kebab menu, (advanced auto layout settings), canvas stacking - change to first on top! Let me know if it works!
Heyy thank youuu I will definitely try
Why this much speedx?
During Prototyping, When i set the variable they can tell me first covert to professioal. Please tell me what should i do?
Hi! Subtitles in spanish, please... very good
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!
Please check with the tutorial once again, It should work
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?
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...
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.
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
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.
If you change the values of the variables then it will work.
@@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
Yes
Excellent! cheers for that
Glad it helped!
Great!
Thanks!
nice bro thanks
Welcome
Thank you!!
You're welcome!
NOT EASY, did not explain anything, instead put some music and paid bots to comment on his video so it looks real.
Great Tutorial!!!!
Thank you!
God DAMN IT! Will you bloody UA-camrs SLOW DOWN a bit? If it's our first time doing something, we're going to be a lot slower than the person who made the tutorial. EVERY video I've had to change the speed to half speed.
Great
Thank You!