Menu Animation in Figma

Learn how to make this animated menu in under 5 minutes with Figma! Build frames and prototype your animation.

👇Get the Studio Pass

👇 Try Figma for FREE

👇Download Figma For Pros

🚀 Subscribe for more Tutorials

📥 Buy Design Files & Merch

🌎 Find Me on Social Media

[AP]

Took me 4 attempts but once I got it I was so excited and proud. Gotta pay attention to the frame work, grouping, and components. Thank you for the lesson!!

[dsalex]

The frontend programmer seeing this:🤡🤡🤡

[tmddragon]

As a student I love the short and right on point format. Keep up the good work!

[JakeDuty]

Great video, this is a big help to someone who is still learning. I also love the 5 minutes format, very quick and easy to learn from.

[khaleemaalkainaat]

I am self teaching and your vids are very helpful, concise and relevant information. Way too many 30 min vids on here showing how to change a frame color lol. I appreciate you taking the time to share your knowledge

[asadrais]

Please make more tutorials like these, people love it and it's also your most popular video. Thanks!

[theado]

Thank you so much! This is exactly what I've been looking for!

[bettercallyass]

Incredible effect! First time trying the animations in Figma and your video was really helpful

[luciaavilla]

I really loved this animation. Thanks a lot for that.

[anukrititripathi]

Awesome, fast and simple to understand 🔥🔥🔥🔥👍🏽
I request you to make more

[mairar.oliveira]

Thank you so much! I've watched so many videos before I get to yours, and I finally learned how to do this thing...

[pallavisalian]

I loved this tutorial. Thanks for it. Just one request! Please have more detailed videos too.

[longmancole]

Thank you.
I love the step-by-step actionable guide. This is relatable.

[hazemalhabbal]

Thank you a lot. You did it exactly how I was looking for ...10 out of 10👍🏻

[djashawe]

Loving this quick, straightforward, and on point tutorial! Thankssss!

[rachaelashiry]

Awesome Tutorial! Just made this design and learned how to use components more effectively!

[johnengert]

Great. Figma is perfect for web design, but I also like to use Cavalry for web design. I can create vector animations more smoothly there, but it's certainly a matter of getting used to it.

[BeatN]

That was really helpful. Added a new piece of knowledge.

[satishgupta]

In front end developer I take to make this menu more than 1 hours, but man make within 5min and now I am feeling 🤡🤡

[raja]

It looks good but if your background color on screen is not white, than I assume the white circle ⚪️ will be visible when it moves across together with the button icons. Nevertheless, it’s a great idea to add some extra inspiration!