Create a scrollable dropdown menu | Adobe XD 2020 tutorial

In this UI design tutorial, I’ll show you how to create a scrollable dropdown menu in Adobe XD | Subscribe:

This project covers the following areas;

– Masks 3:39
– Repeat grid tool 8:34
– Component hover state 11:11
– Scroll groups 12:48
– Animated masks 15:05

Sometimes a dropdown menu just has A LOT of stuff in it, and the actual dropdown container itself will need to scroll. This design was really inspired by the Google apps menu you can see on the Google homepage.

As always folks, I hope you learnt something new and enjoyed this tutorial. It’s always good to hear from you, so leave a like or even a comment below, that’s all for now.

#adobexd #uidesign #xdtutorial

Duration: 00:18:55