Create an Animated Slide Menu in Figma

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ก.ย. 2024

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

  • @OgundipeAyomide868
    @OgundipeAyomide868 ปีที่แล้ว +14

    Arash is one of the best design tutors out there!

    • @DesignWithArash
      @DesignWithArash  ปีที่แล้ว +2

      That's very nice of you. Thank you so much.

    • @shinaoni4374
      @shinaoni4374 5 หลายเดือนก่อน

      Definitely

  • @SuperNirupam
    @SuperNirupam ปีที่แล้ว +4

    Awesome ! Please keep these animated components coming... Its great for the design assignments

  • @mykolaomelchenko9319
    @mykolaomelchenko9319 11 หลายเดือนก่อน

    Thank you Arash. The practice file have been downloaded easily. I did it. I repeated everything after you. I did the Animated Slide Menu.

    • @DesignWithArash
      @DesignWithArash  11 หลายเดือนก่อน

      No problem. Glad you did it.

  • @GaneshKumatole7
    @GaneshKumatole7 2 หลายเดือนก่อน

    Great! Thank You so much.
    I'm loving this playlist.

  • @evanchang8274
    @evanchang8274 10 หลายเดือนก่อน +2

    Hey Arsh, I have a quick question. If we already assigned an interaction to the variant (change from 3 lines to the x). How do you assign a second interaction to the variant to change the collapsed to open? I'm getting an error that says conflicting interactions. Thanks!

  • @zhancock
    @zhancock ปีที่แล้ว +1

    simple and powerfull! Thanks!

  • @drizzy6302
    @drizzy6302 5 หลายเดือนก่อน

    i tryna do menu comes from the top to bottom when it collapses to bottom it just eats the stuff on the bottom

  • @rebekkashapiro
    @rebekkashapiro 10 หลายเดือนก่อน

    Thanks a lot for a very helpful guide! My question is how you make the collapsed and expanded interactive respectively. In my case, I need the destinations on the menu to be clickable and to have drop down menus in a couple of instances. I'm not sure how to organize this the best way.

  • @jessicaorihuelarojas7027
    @jessicaorihuelarojas7027 ปีที่แล้ว

    I love it!!! Thanks Arash!

  • @thedesignershivam
    @thedesignershivam 4 หลายเดือนก่อน

    From where we can take these icons

  • @jerronickog9933
    @jerronickog9933 5 หลายเดือนก่อน

    How to prototype that buger menu?

  • @נירפרץ-ע6ר
    @נירפרץ-ע6ר 5 หลายเดือนก่อน

    Thank you so much! can you tell me where you got the Icons from? thanks!

    • @DesignWithArash
      @DesignWithArash  5 หลายเดือนก่อน +1

      You can use the Iconoir website.

  • @JanThomassen-x5q
    @JanThomassen-x5q 8 หลายเดือนก่อน

    How do you manage to add two equal click interactions on the hamburger menu??

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

    You saved my life and my money :)

  • @zahrash4811
    @zahrash4811 8 หลายเดือนก่อน

    hi arash i have a problem when i wanna delete items in closed state it also deleted in open state

  • @kynx_designs
    @kynx_designs ปีที่แล้ว +4

    I really don’t want to watch any other TH-cam channel than yours…Please keep putting out more videos…You’re helping a whole lottttttttt of people

  • @Tech_bobs
    @Tech_bobs ปีที่แล้ว +1

    Thank you, sir

  • @AndreJones-c6o
    @AndreJones-c6o 9 หลายเดือนก่อน

    What's the icon set?

  • @hafizullahamiri590
    @hafizullahamiri590 ปีที่แล้ว

    thank you sir amazing work. sirfrom where we can download that icon that we use in our design. like u used on your design. thank u

    • @DesignWithArash
      @DesignWithArash  ปีที่แล้ว +1

      You are welcome. For this project I used the free Iconsax plugin.

  • @manassharma8394
    @manassharma8394 ปีที่แล้ว

    Hey Arash great tutorial i have a question someone who had no client work what he can add to his portfolio

    • @DesignWithArash
      @DesignWithArash  ปีที่แล้ว +6

      Hi Manas.
      Thank you. That's not a problem. You can start redesigning existing apps or websites and improve the UI/UX of those projects. Once you add them to your portfolio, explain your process and the problem you solved by redesigning them.

  • @InfoPerumahanRumahMampuMilik
    @InfoPerumahanRumahMampuMilik ปีที่แล้ว

    Can this implenent on elementor wordpress?

    • @DesignWithArash
      @DesignWithArash  ปีที่แล้ว

      I’m not sure. I don’t use WordPress.

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

    Hello Shubhman gill

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

    Thanks you Arash

  • @Sagarika_here
    @Sagarika_here 8 หลายเดือนก่อน +1

    Yaaaa 🥰thank youuu arash ....it's cute prototyping

  • @buntykumar9008
    @buntykumar9008 ปีที่แล้ว +2

    Awesome Tutorials👍👍

  • @kynx_designs
    @kynx_designs ปีที่แล้ว +1

    I’m so so happy I came across your channel, my design skills have sky rocketed 10 times than before.

  • @naveenabi2222
    @naveenabi2222 ปีที่แล้ว +1

    Hii, Arash can you give guide tutorial how to design in smart watch

  • @shanyazmohammad4896
    @shanyazmohammad4896 ปีที่แล้ว +1

    I love it! thanks, Arash it's an excellent tutorial

  • @rajilaldr
    @rajilaldr ปีที่แล้ว +1

    Nicee

  • @jimmyni1983
    @jimmyni1983 ปีที่แล้ว

    I HIT the like button FOR SURE! Amazing Content. Thanks a lot Arash. Even your name is awesome. :)

    • @DesignWithArash
      @DesignWithArash  ปีที่แล้ว

      Thank you very much. That's so nice of you.

  • @Parvesh-is3uw
    @Parvesh-is3uw ปีที่แล้ว

    very nicely explained bro great you made it simple and people are fuking making it so dam diffffffffi..

  • @RishitaDas-c7q
    @RishitaDas-c7q ปีที่แล้ว

    hi how do i link this menu to an existing frame? it is not showing in my prototype. please help, thank you.

    • @DesignWithArash
      @DesignWithArash  ปีที่แล้ว

      What do you mean? Do you want to be taken to another frame once you click on a menu item? If so, you just need to select your desired menu item and connect to the destination frame while you are in the Prototype tab.

  • @ZahidHussainRumi
    @ZahidHussainRumi 5 หลายเดือนก่อน

    love you sir you videos so informative keep it up sir

    • @DesignWithArash
      @DesignWithArash  5 หลายเดือนก่อน

      Thank you. Glad you liked them.

  • @luv181
    @luv181 ปีที่แล้ว

    great, thank you 👍🏻😊

  • @Mike-xw4gm
    @Mike-xw4gm ปีที่แล้ว

    Can u coach me

    • @DesignWithArash
      @DesignWithArash  ปีที่แล้ว

      Sure. You can check out the following link.
      superpeer.com/designwitharash

  • @Yacine93380
    @Yacine93380 ปีที่แล้ว

    What if we don't want the animation to be bouncy ?

    • @DesignWithArash
      @DesignWithArash  ปีที่แล้ว +1

      Then just set the Easing Method to Ease in or something else.

    • @Yacine93380
      @Yacine93380 ปีที่แล้ว

      @@DesignWithArash Perfect, thank u !