Components

Design once, re-use everywhere.

Available on macOS and Windows

Get to the bottom of

delightful design

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.

Find your groove, faster

Design once, push changes across all and save your energy for the good stuff.

Share from end-to-end

Work from a single library and share components across design systems.

One component, multiple states

Create different interactions for the same component, like hover for buttons or enabled for toggle switches.

How it works

1

Design an UI element.

Use shapes, text and drawing tools to design buttons, modals, menus and more.

Design an UI element

Make a Component.

Select layers on your canvas, right click your selection and click Make Component.

Make a Component

Add States.

With your Component selected, click "+" to add additional states for different interactions.

Add States.

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.