April 2018 and March 2018 releases of Adobe XD
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.


New Features in Adobe XD 7

Password protect your prototypes

Password protect your prototypes
Password protect your prototypes

You can now enable password protection for prototypes before sharing the links with the reviewers. Ensure that you share the associated password along with the prototype links to the reviewers.

For more information, see Password protect a shared public prototype.

Filter and search for assets in the Assets panel

Quickly filter assets by color, character styles, or symbols. This feature allows you to sort out assets and focus specifically on what you need in your design process. 

Use search to find specific hex values that map to colors swatches or character styles. You can also search for font families, font weights and symbols by their layer names.

For more information, see Manage assets and symbols.

Highlight and find assets

You can now right-click an object on the canvas to reveal the color, character style, or the symbol used from the Assets panel.

Similarly, you can also select a color, character style, or a symbol in the Assets panel and choose Highlight on Canvas from the context menu. This action highlights all the elements on the canvas that use the selected asset, and allows you to easily map elements on the canvas to the assets in the Assets panel. This feature is helpful when you want to perform global edits to a character style or change a color.

Highlight and find assets in Adobe XD
Highlight and find assets in Adobe XD

For more information, see Manage assets and symbols.

Improved Photoshop integration

Import of Photoshop files in XD has been additionally enhanced in the following additional ways:

  • You can drag the Photoshop file over the XD icon to open the file in XD (Mac only)
  • You can right-click the Photoshop file and select Open with XD.

For more information, see Open Photoshop files in XD.

Adobe has also improved the way XD handles the positioning of artboards and text layers when opening PSD files. For a complete list of supported elements in Photoshop, see Supported features when you open Photoshop files in XD.

Sketch workflow enhancements

Import of Sketch files in XD has been additionally enhanced in the following ways:

  • You can drag-and-drop the Sketch file over the XD icon (Mac only)
  • You can right-click the Sketch file and open with XD

For more information, see Open Sketch files in XD.

Sketch files opened in XD now have improved fidelity. Images with color adjustments such as hue, saturation, brightness and contrast are transferred with the effects applied. Character styles are preserved and saved in the Assets panel, while document color swatches are preserved in the Color Picker. Adobe has also improved the transfer fidelity for fills, shadows and text positioning.

For a complete list of supported elements when XD opens a Sketch file, see Supported features when you open Sketch files in XD.

New features in Adobe XD 6

Open Photoshop and Sketch files in XD

Open Photoshop and Sketch files directly in XD
Open Photoshop and Sketch files directly in XD

You can now open Photoshop and Sketch files in XD. XD automatically converts the files into XD documents and transfers all the artboards, layers, and assets editable and at a high fidelity from the original PSD file.

You can make further design changes to the files and add interactivity to these files in XD. 

For more information, see:

Copy and paste symbols between XD documents

In previous versions of XD, when you copied a symbol from one document into another, it came over as a regular group rather than a symbol.

With this month's update, copy pasting a symbol between documents results in pasting it as a symbol. This feature saves you the trouble of having to paste and then convert it to a symbol. 

For more information, see Reuse symbols.

Note:

The symbol pasted is not linked to the original document. It is a symbol that is local to its own document.

Style fill and stroke for groups

You can now add or edit fill and stroke properties of grouped elements directly without having to drill down and select multiple elements inside it. 

This feature is useful when working with icons or other such designs where you have to make changes to numerous strokes and fills.

For more information, see Group, lock and duplicate objects.

Add radial gradients to the Assets panel

You can now add radial gradients to the Asset Panel. This feature enables you to reuse radial gradients, and edit all instances of a gradient that is applied on your canvas.

For more information, see Manage assets and symbols.

Edit viewport on canvas for a scrollable artboard

Edit viewport size directly on canvas
Edit viewport size directly on canvas

If you have enabled vertical scrolling for an artboard, you can now edit the viewport directly on the canvas using the decoration handle.

For more information, see Create scrollable artboards.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy