Mastering Figma: Create Dynamic Dropdown Menus in Figma Using Variables

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ธ.ค. 2024

ความคิดเห็น • 10

  • @KD_ux
    @KD_ux 6 หลายเดือนก่อน

    How are you able to add the effect of the Carrot changing with opening and closing the menu?

    • @clcreativedallas
      @clcreativedallas  6 หลายเดือนก่อน +1

      You can use the variables to rotate the carrot. Add it as a secondary action.

    • @KD_ux
      @KD_ux 6 หลายเดือนก่อน

      @@clcreativedallas I don’t seem to see a way to add a variable string to the rotation

  • @Alx-Design
    @Alx-Design 6 หลายเดือนก่อน

    This is really helpful thank you! But I am missing the final part of the interaction: click one of the dropdown options, the title of the dropdown changes to recent clicked one and the navigation to the new screen appears. How do you do all of that with one click? help pls! I am on a deadline and can't finish my prototype thanks to the d@mn dropdown interaction :(

    • @clcreativedallas
      @clcreativedallas  6 หลายเดือนก่อน +1

      If I’m following, what you need to do is set the title on the dropdown that you are clicking to the page you want to navigate to.
      If you want the dropdown to look different on that page - be highlighted to show that is the page you are on, then make that change on that specific page to the navigation. .

    • @Alx-Design
      @Alx-Design 6 หลายเดือนก่อน

      @@clcreativedallas thanks a lot!!! you have a new subscriber btw :) keep up with the awesome tutorials

  • @AnnaMorgan-eg4qj
    @AnnaMorgan-eg4qj 6 หลายเดือนก่อน

    How do you add another action to close the drop down afterwards?

    • @clcreativedallas
      @clcreativedallas  6 หลายเดือนก่อน

      On click of one of the navigation items in the list, add an action that closes the drop down either before or after navigation. Can’t remember without looking which one you do first - close menu or navigate. But if I remember correctly the order matters.

    • @channelMeazy
      @channelMeazy 20 วันที่ผ่านมา

      @@clcreativedallas I too was struggling with this. Got quite a complicated full screen nav and every time I go the relevant page the Whole menu is there. Any further advice would be much appreciated. And thanks too. Found very little info out there on these sort Interactions. Keep up the great work.

    • @channelMeazy
      @channelMeazy 19 วันที่ผ่านมา

      If anyone's struggling with similar issue, I set a compliant on each page to close the pop up menus. Fiddly but worked.