How to make drop down menu animation | Easy Adobe XD tutorial

Опубликовано: 29 Декабрь 2024
на канале: Monica's Design Process
47,735
843

Learn how to create a drop down menu animation in Adobe XD in this quick tutorial video. I show you how to create component states, use default and hover states, auto animate animation, and prototype your menu animation.

WATCH NEXT
How to do button hover effect in Adobe XD:    • How to do hover effect in Adobe XD | ...  
Login screen UI design and prototype with Adobe XD:    • Login Screen UI Design and Prototype ...  

---
LINKS

Want 10% off Field Notes? Use code MONICA10 https://fieldnotesbrand.com

Present your designs and artwork in a professional way, check out the Modern Frame Mockup Bundle: https://monicagalvan.co/mockups

Need help wireframing? Check out the Wireframe Kit: https://monicagalvan.co/wireframes

Try Skillshare free for 1 month: https://www.skillshare.com/r/user/mon...

---
ABOUT ME

Hello! I'm Monica, a designer living in San Francisco, California. This channel is a place where I share all my design and creative side projects. By sharing my process, I hope to help you learn more about design!

---
SOCIAL

Instagram –   / themonicagalvan  
Website – http://monicagalvan.co/

---
MUSIC

Track: Cocktail — Vendredi [Audio Library Release]
Music provided by Audio Library Plus
Watch:    • Cocktail — Vendredi | Free Background...  
Free Download / Stream: https://alplus.io/cocktail

---
In this easy Adobe XD tutorial, learn how to make a drop down animation prototype effect. Use auto-animate with hover states to create this effect.