Animated Dropdown Menu in Figma With Variables | Figma Tutorial

Поделиться
HTML-код
  • Опубликовано: 2 июн 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.

Комментарии • 40

  • @DesignWithArash
    @DesignWithArash  2 месяца назад

    Check Out BeamJobs and Create your UI/UX Design Resume:
    www.beamjobs.com/resumes/ui-ux-designer-resume-examples?via=arash

  • @seanrobertson7122
    @seanrobertson7122 2 дня назад

    Wow I didn't even know Figma could do half of this. And well taught!

  • @shibaneemishra1059
    @shibaneemishra1059 Месяц назад

    Your tutorials are so detailed and I learn from them always. Thank you so much for helping me

  • @maeld4479
    @maeld4479 Месяц назад +2

    Great video, very interesting and educational for understanding the variables!

  • @jennifercampbell5622
    @jennifercampbell5622 Месяц назад

    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!

    • @DesignWithArash
      @DesignWithArash  Месяц назад

      You are very welcome Jennifer. I appreciate it.

  • @ogunjimioluwadamilare7993
    @ogunjimioluwadamilare7993 Месяц назад

    Thanks so much for this detailed tutorial

  • @MegaDgenx
    @MegaDgenx 2 месяца назад

    Thank you so much for this very useful video. I was eagerly awaiting it

  • @khushboozia8019
    @khushboozia8019 19 дней назад

    thanku arsg glad that i found u

  • @fopesanchezebhota713
    @fopesanchezebhota713 Месяц назад

    Fantastic Video!!!

  • @syedshabbir6634
    @syedshabbir6634 Месяц назад

    Thank you! What if we needed a custom value for the options?

  • @monostorizsolt2472
    @monostorizsolt2472 Месяц назад

    I can only join to people before me, thank you! The way you explain is really straight forward and on point

  • @caglagunay9453
    @caglagunay9453 Месяц назад +1

    what should i do the selected section variables, if i dont have the paid figma? thanks btw, it was such an understandable video!

  • @Manuel87103
    @Manuel87103 Месяц назад

    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!!!

    • @DesignWithArash
      @DesignWithArash  Месяц назад

      You are very welcome. Thank you so much. I'm sure you will.

  • @Tee-iz3vt
    @Tee-iz3vt 22 дня назад

    Thanks for the video, for those of us not using a paid Figma account, how do we set the string variables in the interactions?

  • @tomnash3
    @tomnash3 24 дня назад

    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?

  • @diegorequena1318
    @diegorequena1318 Месяц назад

    good video!

  • @Resha-kq3oi
    @Resha-kq3oi Месяц назад

    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?

  • @kevynpatrick571
    @kevynpatrick571 28 дней назад

    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 =/

  • @khushboozia8019
    @khushboozia8019 19 дней назад

    cannot afford variant is there any other option to use variant option?

  • @khushboozia8019
    @khushboozia8019 19 дней назад

    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!

  • @Klaudia34881
    @Klaudia34881 2 месяца назад

    Thank u!! do you teach at a Polish university?

  • @jecinthaodok6356
    @jecinthaodok6356 Месяц назад

    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?

  • @user-ng4vb8iq5h
    @user-ng4vb8iq5h Месяц назад

    You should do a video on your studio, lighting, microphone and camera setup.

  • @sopigongi1580
    @sopigongi1580 Месяц назад

    Can I use it for mobile app?

  • @magarsneha5838
    @magarsneha5838 Месяц назад +1

    I watched more than a dozen long videos before this and wasted my time. Thank you!

  • @kaushikmitra6402
    @kaushikmitra6402 Месяц назад

    I really liked the tutorial but i found the adding flag is little complicated.😁

    • @DesignWithArash
      @DesignWithArash  Месяц назад

      Thank you. Yes, it's an advanced topic that takes time to master.