XD features

XD delivers dozens of powerful features to help teams design, prototype, share, and collaborate on rich user experiences. Our product roadmap is shaped by input from our community, and new features and enhancements are released every month.

See what’s new

Got an idea to make XD better? Tell us about it

Design amazing experiences.

Go from basic wireframes to beautiful designs in no time. Define the look of your user interfaces with vector drawing tools, colors, character styles, grids, guides, and more.

Components

Create design elements to reuse throughout an XD document or across multiple documents. Push changes from a master component to all instances and override properties for any individual instance.

States

Avoid duplicative work and better communicate your intent by creating variants of a component that map to different types of user interactions, such as Hover, Pressed, Disabled, and Success.

Edit in Photoshop

Open and edit images in Adobe Photoshop directly from XD. Right-click an image, open and edit it in Photoshop, and hit “Save” — your changes will be automatically updated in XD.

Content-Aware Layout

Easily create and edit UI elements without tedious manual work. Content-Aware Layout recognizes the relationships between different objects and automatically adjusts groups as you add or change objects in them.

Vector drawing tools

Work with a set of drawing and shape tools, Boolean operators, blend modes, and other vector editing features to create wireframes, icons, components, and other design elements.

Responsive Resize

Easily resize groups of objects or components for different size screens and maintain relative placement and scale between objects.

Adobe Fonts integration

No more missing fonts. Adobe Fonts automatically activate when you open an XD document.

Precision design tools

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

Sketch, Photoshop, and Illustrator file import

Import and work with files from Sketch as well as favorite Adobe design apps. Files are automatically converted into XD files so you don’t have to start from scratch.

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.

Repeat Grid

Select a design element and quickly replicate it as many times as you want. Update one element to modify the entire grid, adjust padding between elements, and drop a .TXT file to import data into your grid.

Create prototypes that bring your experiences to life.

Transform static designs into rich user experiences. Add interactions, motion, animation, and more.

Interactions

Connect artboards to communicate the flow and feel of your user experiences. Use a range of triggers and actions to define the exact experience you want to create and share.

Triggers

From common touch gestures on mobile devices to keyboard input and time-based transitions to voice commands and game controllers, XD enables you to create realistic prototypes for any type of experience.

Preview

Preview your experiences on real devices with the XD mobile app for iOS and Android. Make changes on the desktop app and then test them on your devices for fidelity and usability.

Auto-Animate

Create microinteractions across artboards. Duplicate an element and change its properties (such as size, position, or color), and XD bridges the differences to automatically generate an animation.

Audio Playback

Create multi-sensory experiences by adding sound effects and other audio files to your prototypes.

Overlay support

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

Preserve scroll position

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.

Export to After Effects

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

Share and collaborate seamlessly with everyone on your team.

XD powers collaboration at every step in the creative process, whether you’re ideating with your team, getting feedback from stakeholders, or working with developers.

Coediting (Beta)

Work together with your team in the same document at the same time — no more duplicating efforts. See exactly where everyone else is working in the document as you work.

Document history

See the entire evolution of a design — XD automatically saves 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.

Share for review

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 from web or mobile.

Share for development

Send developers a link to Design Specs that include the sequence and flow of your artboards, downloadable assets, colors, character styles, measurements, and CSS code snippets that developers can copy into their codebase.

Invite to edit

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

Private invitations

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.

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.

Record preview

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

App integrations

XD integrates with more of your favorite collaboration and productivity apps, including Jira, Airtable, Slack, and Microsoft Teams.

Scale effortlessly with design systems.

Create and maintain your team’s design system in XD to help everyone work faster and maintain brand consistency across experiences.

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

Bring colors, character styles, and components from shared cloud documents to the Assets panel. When changes are made to a linked asset, you’ll be notified and have the option to accept the updates.

Creative Cloud Libraries support

Access and apply raster images, vector graphics, colors, character styles, and other assets created in Photoshop, Illustrator, and other Adobe Creative Cloud apps from right inside XD.

An extensible platform that grows with your needs.

XD has an open platform, so it integrates seamlessly with tools you love. You can also access hundreds of plugins or build your own to extend the power of the app.
Learn more

App Integrations

No more jumping between apps. XD integrates with favorites like Slack, Jira, Microsoft Teams, Zeplin, and more so you can speed up your creative workflows.

XD Plugins

Extend the functionality of XD for workflows and integrations with the growing collection of plugins created by our developer community. See plugins

Plugin APIs

Create custom plugins for you and your team to add your own features to XD, automate internal workflows, or connect XD to other tools in your team's stack. Get started

Work the way that works best for you.

XD is cross-platform and available in multiple languages so you can collaborate across operating systems, preview your experiences across devices, and work in the language you prefer.