For a summary of features introduced in earlier releases of Adobe XD, Feature summary | earlier releases.
Adobe XD is a vector-based tool for designing and prototyping user experiences for web and mobile apps. Switch easily from wire framing, visual design, interaction design, prototyping, previewing, and sharing, all in one powerful tool.
XD is made for all types of creators - UX/UI designers, interaction designers, experience designers, product designers, web designers, app designers, visual designers, entrepreneurs, and more.
The March 2019 release of XD has the following exciting new features:
With the latest release of Adobe XD, we’ve streamlined the task of loading missing fonts from the Adobe Font Library along with managing non-Adobe fonts, all directly within the application.
To ensure a seamless experience when working with Adobe fonts, XD automatically activates the missing fonts available in Adobe Fonts Library on your machine without your intervention.
As long as you are online, opening a document that has missing fonts which are available in Adobe Fonts (to which you have access to via your Creative Cloud Subscription), XD automatically activates them on your machine.
Fonts that are activated from Adobe Fonts are highlighted with a blue activation icon, and as soon they are ready to use, they are available in your document, with no intervention from your end.
A. Missing fonts B. Activating fonts
For more information, see Manage assets and symbols.
You can now optimally experience your prototype behaviour as you designed it for drag effects when viewing or sharing web prototypes. In previous releases, drag gestures were supported on desktop and defaulted to tap on web; but with this update you can actually drag them on a web browser.
For more information, see Create prototypes using auto-animate.
You can now copy XD vector content to the clipboard and then paste it as editable layers into Adobe Illustrator. In previous versions, Illustrator was pasting flattened images for content copied from XD and this has now been upgraded to an SVG based vector transfer.
This feature is compatible with Illustrator version 23.0.2 or later.
For more information, see Working with external assets.
You can now control the visibility of pagination and navigation controls in your web prototype to create a more controlled environment for user testing.
You can enable or disable Show Navigation Controls within the Share option, and if the controls are:
- Enabled (default setting): the prototype web app shows the same Home, Back and Next buttons.
- Disabled: prototype web app navigation controls and the artboard numbers are not visible. You can use the defined hotspots to interact with prototypes and click the Home button to navigate to the home screen. In case of a mobile experience, when you open a prototype link, you can view the onboarding screen, the left/right chevrons are hidden, and the swipe gesture is disabled.
If prototype flows have wires, you can also choose to show navigation controls when publishing your prototypes.
if you’d like to take advantage of this new feature even for your existing links, re-publish your prototype with Show Navigation Controls turned off.
For more information, see Share prototypes, design specs, and cloud documents.
You can select any object on the design canvas and mark for export by selecting the object and clicking the new Mark for Export check box in the Properties Inspector or right-clicking and selecting it from the menu as well.
From this release onwards, objects are automatically be marked for export when you import common assets such as bitmap images, icons, and background patterns from Photoshop and Illustrator.
From here I can either select File > Export to export the content, or alternatively, Share > Share for Development which allows the developer to control the file formats and resolutions for each of the exported elements.
Mark for Batch Export option is now renamed as Mark for Export.
For more information, see Export, download, and publish assets from design specs.
XD has enhanced the selection tool, making selecting content across groups much more powerful. You can select objects within multiple groups on the canvas using Cmd/Ctrl+Shift+Click independent of which groups they're part of. Once selected, you can easily change common attributes in the Properties Inspector, you can duplicate the content by Alt-dragging, or using Cmd/Ctrl+D.
For more information, see Group, lock, duplicate, copy, and flip objects.
Adobe XD integration with Jira Software streamlines collaboration between designers and developers with instant access to shared XD prototypes and design specs right in your Jira issue.
Extending support to Jira Software Server and Jira Software Data Center bring these benefits to enterprise customers that need a custom solution with special data governance requirements. For information on how Jira admins can enable this integration, see Jira integration for XD.
The February 2019 release of XD has the following enhancements to existing features:
Adobe XD introduces the ability to add narration using your microphone when you record a desktop preview interaction. As you click through, any voice narration is also included with the recording. This is especially useful for a remote client application walkthrough without being physically present with a client or stakeholder.
While this feature has been accessible to Windows users through an OS-level control in Gamecenter, this new functionality extends to Mac users.
For more information on how to record voice interactions and add them to your narration, see Add a voice narration to a prototype.
Adobe XD introduces a shortcut for the eyedropper that makes it easier to change object colors. Select the object or group of objects that you'd like to change the color of, and use i on the keyboard to load the eyedropper cursor and select any color on the design canvas to modify the color of an object. The color picker allows you to select absolute colors only; you cannot use the tool to select linear or radial gradients.
For more information on how to use the eyedropper tool shortcut, see Keyboard shortcuts in XD.
When accessing XD published prototypes or design specs on the web, you have a unified experience to access the utility navigation controls. This ensures a unified experience when you interact with other Adobe web applications.
A. Support and feedback B. Notifications C. User profile
For more information, see Work with prototypes in XD.
To improve the discoverability and usage of the Share feature and its workflows, XD provides the following options to share a prototype.
For more information, see Share embed designs and prototypes.