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.
Easily resize groups of objects or components for different size screens and maintain relative placement and scalability. Make quick manual adjustments to customize.
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.
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 favourite Adobe apps right within XD and they automatically convert into XD files so you don’t have to start from scratch.
Optimised vector tools
Work with a focused set of drawing and shape tools, Boolean operators, blend modes and vector editing features that are optimised for creating wireframes, icons and other visual elements.
Lay out and align your experience with artboard guides, layout grids, nudge and resize shortcuts 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.
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 micro-interactions across artboards. When you duplicate an element and change its properties (such as size, position or colour), XD bridges the differences to automatically generate an animation.
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.
Quickly add support for menus, dialogues, 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.
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
Preview your designs and all interactions on the devices you’re targeting with the XD mobile app. Make changes on the desktop and then test them on your devices for fidelity and usability.
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, colours, 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)
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.
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
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.
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 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, colours and character styles created in Photoshop, Illustrator and other Adobe Creative Cloud apps from inside XD — and re-use 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
XD integrates with more of your favourite collaboration and productivity apps, including Slack, Jira, Microsoft Teams, Zeplin, Avocode, Sympli and more. See app integrations
XD natively supports Windows 10 (Universal Windows Platform) and macOS, with companion mobile apps for Android and iOS.
Supported languages include English, French, German, Japanese, Chinese, Korean, Brazilian Portuguese and Spanish.