Animated Dropdown Menu in Figma With Variables | Figma Tutorial
ฝัง
- เผยแพร่เมื่อ 29 มิ.ย. 2024
- Check Out BeamJobs and Create your UI/UX Design Resume: www.beamjobs.com/resumes/ui-u...
In this video, I'm going to show you how to create an animated dropdown menu in Figma using Figma variables.
You can get the flags from here:
bit.ly/3PMo74R
👉 Become a Pro UI Designer with my UI Design & Figma Mastery course:
bit.ly/43v79vX
📸 Instagram: / uiux.arash
Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 10+ years of experience, and I teach people how to design great user interfaces and experiences. I've helped over 40,000 students become UI/UX designers from scratch worldwide.
Check Out BeamJobs and Create your UI/UX Design Resume:
www.beamjobs.com/resumes/ui-ux-designer-resume-examples?via=arash
Arash: I have to thank you again for your clear instructions! You are my go-to mentor for learning all things Figma! You are an excellent teacher-- and they are hard to find. THANK YOU!
You are very welcome Jennifer. I appreciate it.
Your tutorials are so detailed and I learn from them always. Thank you so much for helping me
Great video, very interesting and educational for understanding the variables!
Thank you.
No other videi helped. Thank you
Thank you so much for this very useful video. I was eagerly awaiting it
No problem. Glad it was helpful.
Thanks so much for this detailed tutorial
No problem.
I can only join to people before me, thank you! The way you explain is really straight forward and on point
Thank you very much.
Thank you for this wonderful content. I only wish I become such a professional in Figma that I am able to explain things so seamlessly and well like you. Your organization skills for teaching are amazing, congrats!!!
You are very welcome. Thank you so much. I'm sure you will.
thanku arsg glad that i found u
what should i do the selected section variables, if i dont have the paid figma? thanks btw, it was such an understandable video!
Thank you! What if we needed a custom value for the options?
Wow I didn't even know Figma could do half of this. And well taught!
Thanks
Thanks for the video, for those of us not using a paid Figma account, how do we set the string variables in the interactions?
Fantastic Video!!!
Thank you.
Hi Arash, thanks so much for this explanation! I'm attempting to edit my list options in my instances so I can keep one master component, but once I add interactions they are showing as 'Option' like the master comp. The only thing I can think to do is create multiple drop down components but that seems redundant. Any ideas?
Hi Arash! This tutorial is incredibly helpful! Thank you so much for putting it together. When I put the dropdown box into my frame with auto formatting, it seems like the dropdown menu becomes transparent. I've tried fixing it in multiple ways, but nothing seems to work. Have you run into this issue? If so, how did you fix it? THANKS!
Nevermind! I think the solution is to perhaps make the dropdown menu hold an absolute position, and group the auto-formatted items around it.
You should do a video on your studio, lighting, microphone and camera setup.
Interesting idea.
good video!
Thanks!
Hello, Arash. The tutorial is nice and clear as always, but I have one problem. How can I do the selected version, if my Figma is the free version? I ain't paying figma yet because I'm unemployed atm =/
Thank u!! do you teach at a Polish university?
No problem. I was, but not this year.
Before i set variable for flag, text "select a country" can change option i choose. but after i set variable for flag, why "select a country" can't change?
arsh i am from pakistan and i have done graphics and now learning ui ux please suggest me what should i do to get a better remote job can u help us find jobs online how to work on fiver behance and on any other authntic website i dont find ach time to see everyone's video i find yur videos v useful!
cannot afford variant is there any other option to use variant option?
Hi
I'm watching one of your videos where you're talking about plugins
And I can't find mine on my figma homepage
What do I do?
Probably the plugin was removed recently.
Can I use it for mobile app?
Yes, you can.
I really liked the tutorial but i found the adding flag is little complicated.😁
Thank you. Yes, it's an advanced topic that takes time to master.
@@DesignWithArash Having a similar issue with the flags, the word doesn't change. If that sound like a simple error I've made, let me know :) it'd be appreciated.
I watched more than a dozen long videos before this and wasted my time. Thank you!
You are welcome. Glad it helped.