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.
Got an idea to make XD better? Tell us about it.
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, blend modes, 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, 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.
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
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.
Presence
See at a glance which members of your team are actively viewing and editing your document.
Coediting (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.
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.
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
1 active shared prototype
1 active shared design spec
Adobe Fonts Free (limited set of fonts)
2GB of cloud storage
Unlimited prototypes
Unlimited design specs
Adobe Fonts Portfolio (full font library)
100GB of cloud storage
Unlimited prototypes
Unlimited design specs
Adobe Fonts Portfolio (full font library)
100GB of cloud storage
EXCLUSIVE BUSINESS FEATURES
Onboarding webinars
Web-based Admin Console
Advanced technical support
Buying for a large organization? Call 800-915-9428.