How to create a Mega Menu in Adobe XD | Nested component tutorial

In this Adobe XD tutorial I’ll show you how to use nested components to create a mega menu with hover sub menu. Subscribe: https://bit.ly/2AQm1x

Prototyping starts at 17:15

The Mega Menu is a very common navigation found across larger websites. In this video we’ll create a left hand version that also includes a sub menu that appears when you hover over it. You could easily expand this menu to show sub menus for every item, and also include hover effects on the hover menu!

Components in Adobe XD are really powerful, and if you can learn how to use them in relationship to each other you can create all sorts of different unique UI elements.

#UX&D #AdobeXD #UIdesign

❤️ Subscribe to the channel: https://bit.ly/2AQm1xh

🐦 Follow UX&D on twitter: https://twitter.com/UX_and_D

💵 Buy design resource files: https://gumroad.com/uxandd

Top Adobe XD tutorials

⭐️ Wireframing in Adobe XD: https://www.youtube.com/watch?v=urzT_2sVZzo&t=25s

⭐️Why and how to use UI kits in Adobe XD: https://www.youtube.com/watch?v=82OcSEKNecA&t=21s

⭐️ How to use the grid tool in Adobe XD: https://www.youtube.com/watch?v=QuRgO0AZwjQ&t=15s

⭐️ How to create inner shadows in Adobe XD: https://www.youtube.com/watch?v=p-cf19gUxy4&t=42s

⭐️ How to mask in Adobe XD: https://www.youtube.com/watch?v=1u9bsMkTVac&t=5s



Duration: 00:22:48

source