Create an Animated Slide Menu in Figma

[@OgundipeAyomide868]

Arash is one of the best design tutors out there!

[@DesignWithArash]

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

[@shinaoni4374]

Definitely

[@kynx_designs]

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

[@DesignWithArash]

Thanks a lot. Sure.

[@SuperNirupam]

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

[@DesignWithArash]

Thanks. Sure.

[@kynx_designs]

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

[@DesignWithArash]

Glad to hear it! Thank you so much.

[@mykolaomelchenko9319]

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]

No problem. Glad you did it.

[@Sagarika_here]

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

[@DesignWithArash]

No problem.

[@GaneshKumatole7]

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

[@shanyazmohammad4896]

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

[@DesignWithArash]

Thank you so much.

[@LeaningwithHoney]

Thanks you Arash

[@evanchang8274]

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!

[@buntykumar9008]

Awesome Tutorials👍👍

[@DesignWithArash]

Thank you so much.

[@zhancock]

simple and powerfull! Thanks!

[@DesignWithArash]

Thanks.

[@jessicaorihuelarojas7027]

I love it!!! Thanks Arash!

[@DesignWithArash]

No problem.

[@ZahidHussainRumi]

love you sir you videos so informative keep it up sir

[@DesignWithArash]

Thank you. Glad you liked them.

[@gagging5156]

You saved my life and my money :)

[@DesignWithArash]

🙏🏻

[@drizzy6302]

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

[@jerronickog9933]

How to prototype that buger menu?

[@user-lf1cj8cy2f]

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

[@DesignWithArash]

You can use the Iconoir website.

[@theshivammittal]

From where we can take these icons

[@Tech_bobs]

Thank you, sir

[@DesignWithArash]

No problem.

[@rebekkashapiro]

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.

[@user-qy2lr5pw1x]

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

[@zahrash4811]

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

[@naveenabi2222]

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

[@DesignWithArash]

Hi. Sure.

[@user-pc7cy3qn4g]

What's the icon set?

[@luv181]

great, thank you 👍🏻😊

[@DesignWithArash]

No problem.

[@user-kd5ce5po4s]

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

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

[@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]

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

[@manassharma8394]

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

[@DesignWithArash]

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.

[@Yacine93380]

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

[@DesignWithArash]

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

[@Yacine93380]

@@DesignWithArash Perfect, thank u !

[@jimmyni1983]

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

[@DesignWithArash]

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

[@Parvesh-is3uw]

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

[@DesignWithArash]

Thank you. Glad you liked it.

[@InfoPerumahanRumahMampuMilik]

Can this implenent on elementor wordpress?

[@DesignWithArash]

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

[@rajilaldr]

Nicee

[@DesignWithArash]

Thanks

[@rahulbedi36]

Hello Shubhman gill

[@Mike-xw4gm]

Can u coach me

[@DesignWithArash]

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