I am new to Adobe XD and I am trying to create a 'DropDown' which also has a search feature like this:

enter image description here Note: highlighted it black to hide sensitive information

Any help would be appreciated.


2 Answers 2


NO You can't make interactive search bar but yes you can make an animated search bar with drop down animation!

to make effective drop down menu you have to make two artboard. the first should contain your all layers and shapes at same place and in second artboard the final state of your drop down. then set trigger on tap and use transition auto animate

In below image . my first artboard look like it only have search bar but i put the dropdown ( yellow colored block and options) behind it and kept its opacity 0 and in second artboard its static as final and now when i click on magnifying glass which have trigger....

enter image description here

enter image description here


I'm not sure if this helps?


I like the multi-select at the bottom, but technically its not a search field because you can't input any text.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.