Edit in Photoshop

Now you can open and edit images in Photoshop directly from XD. When you’re done editing, simply hit “Save” and images will be automatically updated in XD in real time.

Plugins Panel

Access your favorite plugins right in the XD interface. The Plugins Panel puts a world of new capabilities and connections to other apps and services at your fingertips, without breaking your workflow.

CSS Snippets in Design Specs

Design Specs now includes automatically-generated CSS code snippets that developers can copy and paste right into their code, so it’s easier than ever to bring your design vision to life.

Improvements to component bounds

Based on feedback from our community, we've changed how component bounds are defined and set to make resizing and aligning components easier.

Learn about the latest features

Get more details on the August release.
Learn more ›

Unified development links

Now you can share a single link with developers that includes both prototype interactions and design specs, saving your developers time as you better communicate your design intent.

Grid view in shared links

Quickly navigate a shared prototype or design spec links using the new grid view. Stakeholders can easily see all artboards in a project, or jump to a specific screen to view linked artboards or actual artboard content.

Presence

See when other designers are working on the same document to avoid conflicting edits and duplicative work. When you see your team member’s’s avatar in XD, it means they’ve opened the same doc.

Commenting on mobile

Stakeholders can now easily review and add comments to a shared web prototype, right from their mobile device.

Learn about the latest features

Get more details on the July release.
Learn more ›

Plugins Panel

Access and interact with plugins right in XD. All your installed plugins appear in one place, and you can add more at any time.

XD for Jira 2.0

This new integration makes additional information about XD documents — like the number of artboards or avatars — available in Jira, so it’s even easier to collaborate.

Text additions

Create text symbols for trademarks, copyright, and more by adding superscripts and subscripts into your design.

Property Inspector improvements

Now Prototype mode supports the Property Inspector, which lets you show property options for a selected object and perform operations at scale across multiple artboards.

Learn about the latest features

Get more details on the June release.
Learn more ›

Create and maintain a design system

Keep everyone on your design team in-sync with linked assets, components (formerly symbols), and cloud documents that can be shared and updated in real-time.

Components with overrides

Now it’s quick and easy to create multiple variations of a design element with components. Change any property while keeping the ability to override any of the common properties across the set.

Responsive resize for components

No more ungrouping components to resize them for multiple artboards. Now responsive resize works on components the same way it does with groups of objects on the design canvas.

Linked Assets

Import components, colors, and character styles into your current document from your or any shared XD cloud document. You’ll be notified of any changes made so you can accept or ignore updates.

Keyboard and gamepad triggers

For the first time ever you can bring your prototypes to life using keyboard and gamepad triggers. Interact with your prototypes using your keyboard as well as Xbox One and DualShock 4 controllers.

Artboard guides

Simply drag guides from the top or left side of your artboard. They’re easy to copy and paste on multiple artboards allowing you to align elements and position them consistently.

Polygon tool

Quickly create a variety of shapes directly within XD — triangles, pentagons, hexagons, and more.

Improved type control

XD now includes support for uppercase, lowercase, title case and strikethrough, in the XD design application and in web and mobile previews.

Voice prototype notifications

When a prototype isn’t responding to a voice command, you can troubleshoot that interaction in the desktop preview app — with a visual preview of what Adobe XD is hearing.

Request access to private prototypes and design specs

Now you can keep work moving by requesting access to a privately shared prototype or design spec and the owner can approve or deny access.

Learn about the latest features

Get more details on the May release.
Learn more ›

Editable vectors in Illustrator

Now when you copy and paste vector content from XD into Illustrator, it’s fully editable instead of being converted into pixels.

Select objects across groups

It’s easy to select multiple objects in different groups and change the attributes they all share in the Properties Inspector. Just use ⌘+Shift+Click (Mac) or Ctrl+Shift+Click (Win).

Drag gesture in web browser

You can now see drag gesture animations when viewing your prototypes and design specs in your browser.

Usability testing control

Disable navigation controls in your web prototypes and create a more controlled environment for user testing.

Mark for export

Objects will automatically be marked for export when you import images from Photoshop and Illustrator. You can also select an object on your artboard and mark it for export in the Properties Inspector or use the right-click menu.

Improved 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.

Improved Jira integration

Go from design to development faster. In addition to Jira Software Cloud, teams can now access shared XD designs on Jira Software Server and Jira Software Data Center.
Learn more ›

Learn about the latest features

Get more details on the March release in the XD blog.
Visit the blog ›

Eyedroppers shortcut

Now it’s even easier to change object colors. Just select the object on the canvas and tap the “i” on your keyboard to pull up the eyedropper in one click.

Record interactions with audio

The desktop preview app now allows you to record your own voice along with any click-through interactions and share it as an MP4 file (Mac only).

Multi-language support

In addition to English, French, German, Japanese, and Korean, Adobe XD now supports Brazilian Portuguese and Spanish.

Learn about the latest features

Get more details on the February release in the XD blog.
Visit the blog ›

Auto-animate in the browser

The Auto-animate feature we introduced in October is now supported in the browser, so you can preview animations between artboards in your prototypes.

View all comments across artboards

Turn on “View all comments” in the commenting panel to see stakeholder feedback across multiple artboards. Click on a comment in your prototype or design spec and go right to the affected artboard to reply, resolve, or delete.

Voice language and accent support

Voice now supports all Adobe XD languages for both commands and speech playback. Speech detection has been optimized for accents. And speech playback offers a wider variety of voices with accents based on your region.

Learn about the latest features

Get more details on the January release in the XD blog.
Visit the blog ›

Auto-save

Save your work as cloud documents and Adobe XD will automatically update them so you never lose your work.

Work from anywhere

Quickly find all your documents, including shared documents, from inside XD. Save them as cloud docs and you can access them from any device.

Faster sharing

Sharing documents with collaborators and team members is faster when you save them as cloud documents.

Search in layers panel

Working with layers is a lot easier when you can find specific assets or filter by text, shapes, and image categories.

Object flip

Flip objects on the design canvas horizontally, vertically or both. The ability to toggle between flip options makes designing faster.

Linked symbol updates

Preview design changes to linked symbols on your canvas before you update your file.

Improved mobile viewing

Now you can view your prototypes on mobile in full screen view and it's easier to navigate between artboards using the previous, next, and home buttons.

Import control improvements

Get full editing control when you convert smart objects in Photoshop and Illustrator to fully editable elements in Adobe XD. Just use File > Import or File > Open.

Learn about the latest features

Get more details on the December release in the XD blog.
Visit the blog ›

Voice triggers and speech

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

Plugins

Extend the functionality of Adobe 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

Adobe XD now integrates with more of your favorite collaboration and productivity apps, including Slack, JIRA, and Microsoft Teams.
See app integrations ›

Auto-Animate

Auto-animate microinteractions across artboards. When you duplicate an element and change its properties (such as size, position, color, and so on), XD bridges the differences to automatically generate an animation.
Learn more ›

Linked symbols

It’s easier to stay on top of changes when symbols that are copied from one document and pasted into prototypes remain linked. Now when changes are made to the source file, you’ll be notified and have the option to accept updates.
Learn more ›

Easy integration with Illustrator

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

Export to After Effects

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

Prototype drag gestures

Now you can include drag gestures in your prototypes to simulate user experiences like dragging cards or screens.
Learn more ›

Redesigned home screen

Access plugins, UI kits, app integrations, and more — all from one screen.

And so much more

Get more details on the October release in the XD blog.
Visit the blog ›

Responsive Resize

Now it's easy to resize groups of objects on your artboards for different size screens and maintain placement and scalability. Powered by Adobe Sensei AI and machine learning, XD automatically calculates placement based on the proximity of individual elements.

Learn 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.

Spelling checker

Quickly spot spelling errors while designing in XD.

Full-screen prototypes

Web prototypes viewed in the browser now include an improved full-screen option, so you can see your design at actual size for a more accurate representation.

Asset extraction from Design Specs

Save time and give developers the ability to extract and download assets from Design Specs. Mark layers as assets for export and send as a Design Specs link. Developers can download all the assets in the file format they need.

Reordering in the Assets panel

Organize your colors, character styles, and symbols in the Assets panel. Simply drag to reorder them in the list view.

Private sharing (beta) from the web

Safely share XD prototypes and Design Specs with reviewers or stakeholders by sending an invite using your web browser the same way you do in the XD desktop application.

And so much more

Get more details on the August release in the XD blog.
Visit the blog ›

Stroke enhancements

Control the stroke of dotted or dashed lines, and set the look of end caps and corners. For even finer control, you can copy complex strokes from Illustrator and apply them to objects in XD.

Asset renaming

Now you can label colors, character styles, and symbols right in the Assets panel for better organization and easier access.

Design Specs commenting

Design Specs now has the same great commenting feature as prototypes. Developers can comment on specs, and you’ll be notified. Any updates, changes, or replies you make will automatically show up when they refresh their browsers.

And so much more

Get more details on the July release in the XD blog.
Visit the blog ›

Overlay support

Now you can save time and effort by creating overlays to stack content in prototypes — no more need to duplicate artboards for keyboards, menus, and dialogues.

Fixed position setting

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

Private Invites (Beta)

Share and track your prototypes and design specs with invited team members or stakeholders, so you control who sees, reviews, and comments on them.

Better control for image fills

Designers can now crop and reposition images dragged from the desktop to fill shapes.

Math calculations

Get exact values for your designs by using math calculations in the Property Inspector to determine column sizes, images, grid layouts, and locations of elements.

Symbol replacement in a snap

It’s now easy to find and replace every occurrence of a symbol all at once. Just drag the new symbol from the Assets panel and drop it onto the symbol you want to replace.

Pasting to multiple artboards

Copy and paste an object onto multiple artboards, and it retains its original position and settings. Along with symbol improvements, this allows you to quickly and consistently manage multiple artboards.

Improved Photoshop integration

Get better fidelity on Photoshop files that you bring into XD. The latest updates also let you transfer stroke and image effects and import PSDs faster.

Sketch file enhancements

We've improved the way Sketch files open in XD so they retain more of their original features, including better text position accuracy, page and symbol separation, and global color styles.

Password-protected Design Specs

Now you can control who sees your design specs by making them password protected.

Password-protected prototypes

Add password protection to your public prototypes when you publish and share with reviewers (coming soon in Design Specs).

Filtered search in Assets panel

Quickly filter assets by color, character styles, or symbols. Use search to find specific font families, hex values, or symbols.

Find and highlight assets

Select “highlight” in the Assets panel to see all the elements on your canvas that use a specific color, character style, or symbol. Right-click an element on your canvas to reveal its colors, character styles, or symbols.

Improved Photoshop integration

Now it’s even easier to bring Photoshop designs into XD by either right-clicking on your Photoshop file and choosing “Open with XD” or dragging and dropping a file over the XD icon (Mac only).

Sketch workflow enhancements

Sketch files opened in XD now have improved fidelity. And you can preserve color adjustments for images, character styles, document swatches, and more. Bring your Sketch files into XD by either right-clicking on the file and choosing “Open with XD” or dragging and dropping the Sketch file over the XD icon (Mac only).

Easy integration with Photoshop

Bring your Photoshop designs and assets into XD by simply opening a PSD file from right inside the app. Your file will automatically convert into a new XD file, making it faster and easier to design and prototype.
Learn more ›

Copying symbols between documents

Now you can copy and paste symbols between XD documents in one step. No need to paste first and then manually convert to a symbol. 

Style grouped elements

Speed up your design process by easily changing properties like fill and stroke of grouped elements. 

Scrolling artboard enhancement

When prototyping, it’s faster and easier to edit the viewport of a scrollable artboard right on the canvas without having to go to the Property Inspector.

Work with Sketch files

Now you can bring your Sketch designs and assets right into XD. Open your Sketch file from within XD, and it automatically converts into an XD file so you don’t have to start from scratch.
Learn more ›

Vector graphics from Creative Cloud Libraries

View and drag linked and unlinked vector graphics from Adobe Creative Cloud Libraries into XD. Changes you make to icons, illustrations, and other graphics in Illustrator update seamlessly to XD through Creative Cloud Libraries.
Learn more ›

Preserving scroll position

When clicking on a wired element, you can now control your position to maintain that place on the next screen without having to scroll from the top.

Pen and touch support on Windows 10

Use basic pen and touch features as a companion to your mouse and keyboard to create artwork, wire prototypes, navigate layers, and more. 

Layout grids in Design Specs

View layout grids in the Design Specs web app so developers can see column grid attributes such as margins and gutter widths. 

Eyedropper in Property Inspector

Based on your feedback, we’ve put the eyedropper back in the Property Inspector so it’s easier to sample colors.

Third-party workflow integrations

XD now integrates with popular design-process tools like Zeplin, Avocode, Sympli, ProtoPie, and Kite Compositor. Start your designs in XD, and then bring them into your favorite tool to speed up developer handoffs and create advanced animations. Available for Mac only.
Learn more ›

Better zoom performance

Zoom in and out of your canvas and between screens without slowing down, whether you have 10 or 1,000 artboards.
See how it works ›

Dropbox preview for XD files

Preview XD files saved to Dropbox without having to download an XD file.
Learn more ›

Switching between color models

Quickly switch between HEX, RGB, or HSB color models from the color picker drop-down menu.

Radial gradients

Create and apply radial gradients to simulate a light source, create unique image masks, and more. Gradients are available in the color picker under Solid Fill.

Improvements to Design Specs

Now it’s faster and easier to read measurements, navigate and access UI elements, and work with masked layers.

Artboard display at 100%

View designs in shared prototypes at actual size when you’re in full screen mode.

Batch export

Export options now include batch export, which you can access through the File menu. Right-click in the Layers panel to mark objects for batch export.
Learn more on our blog ›

Text underlining

You can now quickly apply an underline to text with a keyboard shortcut or a button in the Property Inspector. Underline maintains fidelity with characters that have descenders such as y and g.

Options for stroke align type

Toggle between stroke align types (inside, outside, or center) on a closed object like a rectangle or circle to modify weight and alignment and control the appearance of your design.

Adobe Stock licensing

Right-click on an Adobe Stock raster image in the Creative Cloud Libraries window to begin licensing.

Graphics editing in Photoshop

Right-click on a raster graphic in the Creative Cloud Libraries window to edit it in Adobe Photoshop.

More prototype publishing options

Quickly enable and disable hotspot hints to see which areas of your prototype are interactive, and then publish to share with your team. Set to open in full-screen mode to view without comments or other distractions.

Design Specs improvements

Get started quickly with user tips and improvements for navigation and properties. Design Specs now also supports English, French, German, Korean, and Japanese.

And so much more

Also includes: Access to Zoom tool in prototype mode, keyboard shortcuts for font size, and more.
Learn more on our blog ›

Design Specs

Speed up the development process by sending developers a link to automatically generated design specs from your interactive prototype. Specs include the sequence and flow of your artboards, colors, character styles, and measurements (currently English only).
See how it works ›

Layout Grid

Use customizable column grids with margins and gutters to give your designs a consistent, organized look and to manage the proportions between elements. Toggle between Square and Layout grid in the Property Inspector.

JPG export

Easily export assets and artboards from XD in JPG format without the need to convert from another app. You can control the export quality level from 1–100 percent.

Text enhancements

Switch from point text to area text and vice versa with a simple click. Now when you create a new text object, your last used text properties such as font family, size, weight, alignment, and colors are preserved.

Improvements for Windows 10

The latest updates for Windows 10 make designing in Windows even faster. Use two-finger touch to pan and zoom, copy and paste design elements from Adobe InDesign into XD, and import SVG files with externally linked files.

And so much more

Also includes: Ability to access the eyedropper within the color picker to grab color stops when creating gradients and to sample colors when using the Assets panel, and improvements to paste behavior.
Learn more on our blog ›

Interactive prototypes

Switch from design to prototype mode with a single click, and connect artboards to communicate the flow and paths of multiscreen apps. Connect design elements from one artboard to another, including Repeat Grid cells. Add interactions with intuitive visual controls to test and validate the experience.

Prototype publishing for feedback

Generate shareable web 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. You’ll get notified when they make comments, and they can simply refresh their browsers to see your changes.

Fast, versatile artboards

Whether you’re working with one artboard or a hundred, XD gives you the same fast performance. Design for different screens and devices. Pan and zoom without lag time. Choose from preset sizes or define your own, and copy between artboards without losing the placement of your design elements.

Repeat Grid

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

Cross-platform support

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

Assets panel

Make colors and character styles easily available for reuse by adding them to the Assets panel (formerly the Symbols panel), which automatically includes symbols. Edit any color or character style in the panel, and the changes will be reflected throughout your document.

Reimagined symbols

Save time with symbols, reusable design elements that eliminate the need to find and edit each instance of an asset across a document. Update one and they'll update everywhere, or choose to override specific instances. Symbols can be vector graphics, raster images, or text objects, and they can also be used as objects within Repeat Grids.

Creative Cloud Libraries

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

Contextual Property Inspector

Work in an uncluttered space thanks to the context-aware Property Inspector, which only displays options for the objects you’ve selected. Modify properties like border color and thickness, fill colors, shadows, blurs, opacity, and rotation, and access options for alignment, dimensions, and Repeat Grid.

Smart canvas navigation

Easily zoom in on a specific area of your design, or make a selection on an artboard and use a shortcut to zoom right to it. Pan or zoom with your mouse, touchpad, or keyboard shortcuts. And get great performance even if you have hundreds of artboards.

Contextual layers

Stay organized and focused while managing complex designs thanks to a contextual approach to layers. XD highlights only the layers associated with the artboard you’re working on, so you can quickly and easily find what you need.

Layout guidance tools

Seamlessly draw, reuse, and remix design elements using snap-to grids and other intuitive layout tools that help you create relative measurements between objects, mask with shapes, group, lock, align, and distribute design elements, and more.

Blur effects

Quickly blur a specific object or an entire background to change the focal point of your design, giving it depth and dimension.

Versatile linear gradients

Create beautiful linear gradients using simple yet precise visual controls in the color picker. You can also import gradients from Photoshop and Illustrator.

Modern Pen tool

Draw shapes and paths easily with the Pen tool. Use custom paths, add or remove anchor points, easily manipulate lines, and switch between curved and angled paths — all with the same tool.

Boolean group editing

Create and experiment with complex shapes by combining groups of objects using nondestructive Boolean operators.

Typography styling

Style text with precise control to enhance the user experience. Easily adjust typographical elements like font, typeface, size, alignment, character spacing, and line spacing. Change the appearance of your text the same way you change other elements in XD like opacity, fill, background and blur effects, and borders.

Streamlined color control

Pick colors by entering exact values or by sampling from inside or outside XD with the eyedropper. Create and save color swatches, and use shortcuts for hexadecimal codes in the color picker.

UI resources

Quickly design and prototype for Apple iOS, Google Material Design, and Microsoft Windows devices using high-quality user interface components.

Copying and pasting from other design apps

Bring artwork into XD from Photoshop and Illustrator.

In-context iOS and Android previews

Preview your designs and all interactions on the actual devices you’re targeting. Make changes on the desktop and then test them on your devices for fidelity and usability.

Hotspot hinting

Automatically highlight the hotspots in your prototype so users can see which areas are interactive and clickable.

Prototype management

Create multiple URLs from the same file to share different versions of your prototype. Share an unlimited number of prototypes, and easily access and delete them from your Creative Cloud account.

Recording prototype interactions as videos

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

Artwork, asset, and artboard export

Export images and designs in PNG and SVG formats, which you can configure for iOS, Android, web, or your own custom settings. Export an entire artboard or individual elements. And share assets and artboards by exporting them as individual PDF files or as a single PDF file.

Multi-language support

Supported languages include English, French, German, Japanese, and Korean.

Email notifications for comments

Get email notifications when stakeholders comment on your web prototypes. Emails can be sent individually or batched in a daily digest.