Create it once and re-use 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 an 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 your selection and click Make Component.
Add States.
With your Component selected, click "+" to add additional states for different interactions.
Brush up, explore, learn more
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.