Design once, reuse everywhere.
Get to the bottom of
delightful design
Create it once and reuse it everywhere. Components work intuitively to push changes across designs or documents, instantly. Spend less time duplicating and get back to iterating.
Design once, push changes across all, and save your energy for the good stuff.
Create different interactions for the same component, like hover for buttons or enabled for toggle switches.
How it works
Design a UI element.
Use shapes, text, and drawing tools to design buttons, modals, menus, and more.
Make a Component.
Select layers on your canvas, right click on your selection, and click Make Component.
Add States.
With your Component selected, click "+" to add additional states for different interactions.
Get the free tips, tools, and tutorials you need to master XD.
Ready to get started?
Download the free Adobe XD Starter plan. Available on macOS and Windows.