XD features

Design, prototype, share, and collaborate with the all-in-one app for UI/UX design.

Design

Components with override support

Design with reusable elements that eliminate the need to find and edit each instance of an asset across a document. Customize any property of a component instance and still maintain the ability to automatically push changes from the master component.

Responsive Resize

Easily resize groups of objects or components for different size screens and maintain relative placement and scalability. Make quick manual adjustments to customize.

Assets panel

Make colors and character styles easily available for reuse by adding them to the Assets panel, which automatically includes components. Edit any color or character style in the panel, and the changes update throughout your document.

Repeat Grid

Select an item in your design, such as a contact list or photo gallery, and replicate it as many times as you want — all your styles and spacing stay intact. Update an element once, and your changes update everywhere.

Sketch, Photoshop, and Illustrator file import

Open assets and designs from your favorite Adobe apps right within XD, and they automatically convert into XD files so you don’t have to start from scratch.

Optimized vector tools

Work with a focused set of drawing and shape tools, Boolean operators, and vector editing features that are optimized for creating wireframes, icons, and other visual elements.

Precise design

Lay out and align your experience with artboard guides, layout grids, and relative measurement features.

Batch asset export

Quickly mark elements for export, choose to batch export them for your target platform, or include them in design specs for developers to download.

Prototype

Wire prototype flows

Switch from design mode to prototype mode and connect artboards to communicate the flow and paths of multiscreen apps. Use a range of triggers and actions to define the experience you want to create and share.

Auto-Animate

Auto-animate micro-interactions across artboards. When you duplicate an element and change its properties (such as size, position, or color), XD bridges the differences to automatically generate an animation.

Voice prototyping

Interact with your prototypes like never before. Voice triggers and speech playback let you take users beyond the screen.

Desktop application and gaming experiences

Prototype high-fidelity game experiences by using keyboard shortcuts and gamepads as triggers.

Overlay support

Quickly add support for menus, dialogs, virtual keyboards, and other visual elements that overlay your content.

Fixed position setting

Keep elements set in the same position so they stay put as viewers scroll. This prototyping feature is great for fixed headers, footers, and more.

Timed transitions

Get greater control over the timing of your transitions between artboards. Create looping animations with delays for auto-fade effects, spinners, loaders, progress bars, and more.

On-device iOS and Android previews

Share your work with stakeholders or developers

Easy ways to share with stakeholders or developers

Share your designs and prototypes directly from XD. Updating your shared content is quick and easy. Plus, there are multiple ways to manage and control access to what you’ve shared.

Private invitations (Preview)

Choose to restrict access to your shared work by privately inviting named stakeholders. Stay in control of who reviews and comments on prototypes and who accesses design specs.

Review and commenting for stakeholders

Generate shareable links to get feedback on your designs, or embed them on Behance or a web page. Reviewers can comment directly on your prototypes and specific parts of your design from web or mobile. You’ll get notified when they make comments, and you can reply to let them know when changes have been made.

Web-based Design Specs for developers

Speed up the development process by sending developers a link with automatically-generated design specs from your interactive prototype. Specs include the sequence and flow of your artboards, colors, character styles, measurements, and CSS code snippets that developers can copy into their code base. Developers can also add comments and extract and download assets.

Recording prototype interactions as videos

As you click through your preview, record an MP4 file to share with your team or stakeholders. (macOS only)

Collaborate

Invitations to edit

Quickly invite other designers to collaborate on a document. XD makes it easy to ensure that everyone can access the latest version.

Document presence

See at a glance which members of your team are actively viewing and editing your document.

Live co-editing (coming soon)

Work on design projects simultaneously with team members — no more duplicating efforts or merging changes. You can see exactly where everyone else is working in the document as you edit.

Document history (coming soon)

XD automatically saves your editing history as you work, so you can always go back to previous versions. Mark milestone versions to retain access to key stages in the design process.

Create a design system

Cloud documents

Save your work as a cloud document to quickly share with collaborators and use as your single source of truth. XD automatically updates cloud documents so you never lose your work.

Linked assets

Collaborate seamlessly by adding design elements to the Assets panel from any shared cloud document.

Management of asset updates

When changes are made to a linked asset, you’ll be notified and have the option to accept the updates.

Creative Cloud compatibility

Edit images in Photoshop

Now you can open and edit images in Photoshop directly from XD. Right click on any image in your XD document to open your image as a new file in Photoshop. When you’re done editing, simply hit “Save” and images will be automatically updated in XD in real time.

Direct opening of Illustrator files

Bring your Adobe Illustrator designs and assets into XD in a snap. Just open your AI file from right inside XD, and it will automatically convert into a new XD file, retaining artboards, layers, and editability.

After Effects export

Export your designs and take your animations even further with Adobe After Effects, the industry-leading animation tool.

Easy font management

No more missing fonts. Adobe Fonts are now automatically activated when you open your XD document. And other missing fonts are easier to see in your doc so you can batch replace them.

Creative Cloud Libraries support

With Creative Cloud Libraries integration, you can access and apply raster images, vector graphics, colors, and character styles created in Photoshop, Illustrator, and other Adobe Creative Cloud apps from inside XD — and reuse them anywhere in your documents.

Extensibility & Availability

100+ third-party plugins

Extend the functionality of XD for workflows and integrations with the growing collection of plugins created by our developer community. Easily discover and manage those plugins from within the app to automate tasks, integrate with other tools, design with data, and more.
See plugins

App integrations

XD integrates with more of your favorite collaboration and productivity apps, including Slack, Jira, Microsoft Teams, Zeplin, Avocode, Sympli, and more.
See app integrations

Cross-platform support

XD natively supports Windows 10 (Universal Windows Platform) and macOS, with companion mobile apps for Android and iOS.

Multilanguage support

Supported languages include English, French, German, Japanese, Chinese, Korean, Brazilian Portuguese, and Spanish.

Find the plan that's right for you

XD Starter Plan

Free

Download XD

1 active shared prototype

1 active shared design spec

Adobe Fonts Free (limited set of fonts)

2GB of cloud storage

XD

12,09 €/mo per user, incl. btw.

Buy now

Unlimited prototypes

Unlimited design specs

Adobe Fonts Portfolio (full font library)

100GB of cloud storage

XD for teams

19,99 €/mo per user, excl. btw.