February and March 2019 release of Adobe XD.

For a summary of features introduced in earlier releases of Adobe XD, Feature summary | earlier releases.

xd-mnemonic

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.


Overview

New Features in Adobe XD 17

Resolve missing fonts

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.

Activating from Adobe fonts
Activating from Adobe fonts
Auto-activate Adobe fonts
Auto-activate Adobe fonts

A. Missing fonts B. Activating fonts 

For more information, see Manage assets and symbols

Drag gesture support in a prototype web browser

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.

Drag gesture in a browser
Drag gesture in a browser

For more information, see Create prototypes using auto-animate.

Copy/paste vector content to Illustrator

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.

Vector content to Illustrator
Vector content to Illustrator

For more information, see Working with external assets.

Hide navigation controls in web prototypes

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.

Show and hide navigation controls
Show and hide navigation controls
Navigation controls disabled
Navigation controls disabled

Mark for export

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.

Mark for export
Mark for export

Enhancements to the selection tool

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.

Object selection across multiple groups
Object selection across multiple groups

JIRA server integration

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.

New Features in Adobe XD 16

Record voice interactions with audio narration

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. 

Check out this video on how to add narration to a prototype when recording.


Record interactions
Record interactions

For more information on how to record voice interactions and add them to your narration, see Add a voice narration to a prototype.

Eyedropper keyboard shortcut to change colors

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.

Check out this video on how to use the eyedropper tool.


Eyedropper tool shortcut
Eyedropper tool shortcut

For more information on how to use the eyedropper tool shortcut, see Keyboard shortcuts in XD.

Utility navigation components in prototype and design specs

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.

Access utility navigation controls
Access utility navigation controls

A. Support and feedback B. Notifications C. User profile 

For more information, see Work with prototypes in XD.

UI improvements pertaining to switching between public and private sharing

To improve the discoverability and usage of the Share feature and its workflows, XD provides the following options to share a prototype.

  • Anyone with the link can view
  • Only invited people can view
Improved share workflows
Improved Share workflows

For more information, see Share embed designs and prototypes.

Този материал е лицензиран под лиценз Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  Публикациите в Twitter™ и Facebook не попадат под клаузите на Creative Commons.

Правни бележки   |   Правила за онлайн поверителност