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



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: https://www.youtube.com/watch?v=VOZZkrSOsGg
Login screen UI design and prototype with Adobe XD: https://www.youtube.com/watch?v=TGZsGUj9jBQ


WORK WITH ME

Want me to review your portfolio and offer feedback? https://monicagalvan.co/shop/portfolio-review

Have questions you want to want to ask me about design? Book a call with me: https://monicagalvan.co/shop/consulting


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 – https://www.instagram.com/themonicagalvan/
Dribbble – https://dribbble.com/monicagalvan
Website – http://monicagalvan.co/


MUSIC

Track: Cocktail — Vendredi [Audio Library Release]
Music provided by Audio Library Plus
Watch: https://youtu.be/0GVbYKhVaxI
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.

Duration: 00:02:25

source