No video :(

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

Подписаться 11 тыс.

Просмотров 15 тыс.

50% 1

#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

Опубликовано:

14 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 30

@laiqamalik8345 Месяц назад

During Prototyping, When i set the variable they can tell me first covert to professioal. Please tell me what should i do?

@Pibepan10 6 месяцев назад

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

@deekshithachatla День назад

did you find out how to make it , i'm facing the same issue

@fel3742 6 месяцев назад

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?

@VitorLaurindo 2 месяца назад

Great!

@pixxelex Месяц назад

Thanks!

@drewkendrick9817 3 месяца назад

Excellent! cheers for that

@pixxelex 3 месяца назад

Glad it helped!

@43nameermuhammed19 4 месяца назад

Why this much speedx?

@mrscatterhead 7 месяцев назад

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 7 месяцев назад

Please check with the tutorial once again, It should work

@raymondho8675 4 месяца назад

Thank you!!

@pixxelex 4 месяца назад

You're welcome!

@gantid_jinsu 7 месяцев назад

Great Tutorial!!!!

@pixxelex 7 месяцев назад

Thank you!

@raghumani5313 9 месяцев назад

Great

@pixxelex 9 месяцев назад

Thank You!

@manojeldiosart5833 7 месяцев назад

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 7 месяцев назад

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

@20-sakthivel17 6 месяцев назад

nice bro thanks

@pixxelex 6 месяцев назад

Welcome

@3DWORLDLAB 4 месяца назад

are you use figma pro please answer

@pixxelex 4 месяца назад

Yes

@nicolasvedrine8863 4 месяца назад

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 4 месяца назад

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.

@kerryfranklin1108 9 месяцев назад

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

@pixxelex 9 месяцев назад

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

@kerryfranklin1108 9 месяцев назад

@@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.