How to Create a Drop down Menu Component in Adobe XD | Tutorial

[@Its_me_rishi_]

I got selected in an interview with this step, thanks :)

[@akunikkola]

I followed this tutorial step by step, but I'm really confused because at 4:45 you create the ''option states'' that look exactly the same as the others, and even though you don't go back to edit them they look totally different from 8:35 onwards. You have clearly missed this ''editing option state layers'' step, or?

[@petera3788]

Thank you for taking the time to show us how to do this. Very easy to follow

[@freedomyong2972]

how do u add items inside the mask like only show in option 1 then after changing it to option 2 it wont show up?

[@KimberZarco]

I don't know who you are but I love you, THANKS!!

[@andikaputrapratama6123]

Great explanation! Thank you for sharing.

[@davetaylor7664]

a massive help with what I'm currently working on, so much appreciated :D

[@migueldejesus8344]

man this helped a lot I made a dope drop down thanks to you! 👌👍

[@samisak_kids]

Thank you so much for the tutorial, just what I needed!

[@iannesofie]

Great tutorial! Does anyone know if I can create the interactions in Prototype instead of XD for this component?

[@McKlimm]

Hello Sir and thanks a lot for this tutorial. As a relative newcomer to XD this was the first time I really got the logic behind animating components (which is quite confusing at first). Maybe it‘s your calm way of explaining or the structure of explanation- whatever it is : Thanks !

[@joaovpguimaraes450]

Great tutorial, you saved my day, thanks you from brazil !

[@salmamostafa]

great tutorial, thanks!! but I want to create another dropdown menu and add a button outside the menu that says "ok" and when I click option 1 in the 1st menu ad option 1 in second menu then click ok it drive me to a different page and so on any tutorial for this? thanks

[@4988raja]

Interesting one ☝️

[@sr_yeet]

Thank you, Helped me a lot.. good one sir..

[@ramalsrougi]

Very useful 😍 thanks ❤

[@burjhers832]

My destination only shows artboards, it doesnt show other components or layers :( help

[@CHi-le1qc]

exact same problem, I don’t know what to do

[@yanoahnoya5217]

yep same

[@jacopovivaldini8424]

Hi, i was looking for something more than what you have posted: i need to do exactly what you've shown, but i need ALSO to highlight the option (make it bold or change its color) when i pass on it with the cursor. I'm struggling a lot... can please anybody help?

[@wensihu8356]

You can do it bro

[@Nrek_AI]

Thank you so much for this - truly helpful!

[@aangbrian2723]

Please help from 8:31 when i click option 2 the order doesnt change but in the video the order is changing

[@pramodhss]

yes... for me also not changing

[@muhammaddanyal8493]

brother if you solve this problem then please tell me

[@deeniswaranselvaras1975]

Change it manually by typing there

[@DigitalArtCreation]

You have to change labels in each of closed states .

[@natali9263]

@@deeniswaranselvaras1975 Hi, I tried to chance manually, but it just returns to the old label.... it hovers between the old label and the new one like a glitch...help me :p

[@CHi-le1qc]

Thank you so much!!

[@asyleee]

thanks for your tutorial! really helped :) Would you know if there's a way to do a scrollable drop-down menu in xd? (if it's not supported yet in xd, maybe a mimicking workaround perhaps...?)

[@TheAlixx623]

This was really helpful! Thank you so much and appreciate your effort creating the video

[@DigitalArtCreation]

Glad it was helpful!

[@samiulislamsharan]

I get this but when I do this with multiple menus containing submenues with them and put them in stack they doesn't slide then I tap to extend a menu. How can i achieve that?

[@paulXmbingu]

Hey man, this is a very useful tutorial. Thanks for sharing. How do record your screen cast? Which software do you use and what settings do you apply for exporting?

[@jamievdj2824]

On 5:45 sec won't work to drag the options 2-3 above..

[@everdavid6256]

Thank you mario

[@kapt819]

Good tutorial! 👍🏼

[@زمنالسقا]

Thanks brother

[@emilyjane9390]

Okay so I followed this video, My default state is the drop down list open, when I want the default to be it closed, how can I change it without it hiding all of the other options when I change it???? I dont want to have to redo it all because I have quite alot of options😕

[@90s_sarcastickid95]

What about part-2 of ui clock and music player?

[@vasucreations2678]

if there are two dropdowns one below the other how to work with it? if i click on the bottom one the top component is getting selected.

[@carolinadicamillo8981]

Hey Vasu! Did you resolve this issue? Is happening the same for me.

[@dmedilicious8488]

Nice video. The only problem I have is that the states are much for what I'm doing and I can't seem to scroll to any state not shown on the property inspector but you seem to select any state easily. Only 4 states are shown in mine and I cannot go to the others and if I try scrolling, it's the general scroll that's activated

[@designerbounab2476]

thanks my bro

[@OtusWise]

Hi. Do you have any animation tutorials of a car moving forward like on a 3D plane? Thanks for your time.

[@DigitalArtCreation]

Not yet!

[@OtusWise]

Digital Art Creation Okay. Thanks for responding!

[@DesignersValley]

Really love it. You are my inspiration bro. I started my channel to watch your videos. thanks bro ;)

[@omme2459]

Thanks sir.!! And can we have some tips about how to export this to HTML?

[@seanhardman1964]

when I click each state it doesn't change to the original format

[@jesuscesar4352]

chevere manito, me salvaste

[@yusrakhan3]

Hey, I need help with the sidebar drop-down menu. I am trying to make a menu that I can click on one menu while it stays open I can click on another one on XD. If you can help me if will be great THank you. if you have a Facebook group or something else where I can send a video would be great. I can show you what I need help with.

[@K-popmuseum123]

😀🌺Your video is so beautiful. 🎵🎶You made an amazing video.🌹

[@esssee5121]

My dropdown symbol doesn't highlight in prototype 😫😭

[@BowGazalh]

COOL

[@rahulmartin10]

Great tutorial.. But adobe xd is not really a good option for wireframing, For making each component is too complicated compared to other free wireframe tools. Wish it could be much more user friendly :/

[@saltypretzzel9668]

This is so hard. Crying and throwing up.

[@Flaviotrs]

Muito bom...

[@HaiderMajlesi]

Bhai please apna Insta ID bataye Aap se bohat bohat bohat bohat zaruri Help chahiye.. please tell your instagram ID

[@a_n_i_m_e_sound]

😍😍😍😍

[@mrshark100100]

omg can you please slow down!!!

[@charliemagati7418]

THIS VIDEO IS BOGUS!!!! ALOT OF STEPS SKIPPED. NOT GOOD FOR LEARNING!!

[@venkatesansj7919]

I am confused bro...

[@elias1410e]

XD

[@Underhills]

Jisses christ man, get a grip!