February 2018 and January 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 5

Support for vector graphics in CC Libraries

Vector graphics in CC Libraries
Vector graphics in CC Libraries

You can now drag linked and unlinked vector graphics from CC Libraries to your XD artboard. 

If you modify a linked graphic in another Creative Cloud application, the change is automatically reflected in the linked graphic in XD. You can also choose to unlink the vector graphic using the unlink icon or the context menu. When you unlink the graphic, any modifications to the original asset in a library has no effect on the copy used in XD.

For more information, see Creative Cloud Libraries in Adobe XD.

Note:

You must be connected to the internet to use vector graphics stored in CC Libraries. The reason is because XD uses a cloud service to convert vector graphics into compatible SVGs as you drag graphics from CC Libraries to your canvas.

Scroll position preserved when moving between artboards in Prototype mode

You can now set an option to preserve scroll position when wiring artboards together in Prototype mode. This option enables viewers that click a wired object to jump directly to a specific portion of another screen.

In earlier releases, if a viewer clicked on a wired object, the the prototype would move the viewer to top of the next screen.

You can use preserve scroll position to create prototype light boxes, carousels, and tabbed navigation.

For more information, see Create interactive prototypes.

Pen and touch support for XD on Windows 10

Pen and touch support for XD on Windows 10
Pen and touch support for XD on Windows 10

You can now take advantage of Windows 10 pen and touch features as a companion to your mouse and keyboard. You can use touch to interact with XD tools and create artwork on canvas, navigate through layers, interact with symbols, wire prototypes, change shapes properties in the Property Inspector, scroll through preview window, drag images to the canvas, create repeat grids and so much more.

Note:

XD is not yet optimized for full usability in Tablet Mode.

View layout grids in Design Specs

If layout grids are enabled in a design, you can view the layout grids in Design Specs. You can also enable or disable the layout grids and view their attributes (margin, padding, and so on).

For more information, see Use design specs published from Adobe XD.

Eyedropper tool available in Property Inspector and Color Picker

You no longer need to open the Color Picker to access the Eyedropper tool. You can now access the eyedropper from the Property Inspector as well as the Color Picker.

New features in Adobe XD 4

Third-party integration

You can now quickly bring your designs into other applications that integrate with XD: Zeplin, Avocode, Sympli, Kite Compositor, and ProtoPie. 

For more information, see Third party integration.

Note:

This feature is currently available only on XD running on Mac.

Preview XD documents on Dropbox

Designers and stakeholders can find and see experiences that they share via Dropbox quickly.

In earlier releases, a user could not see a preview of the file, so they had to download and open it before recognizing what the file contained.

Switch between HEX, RGB, and HSB in Color Picker

You can now select between hexadecimal, RGB, or HSB color modes from the Color Picker drop-down list. For more information, see Set stroke, fill, and drop shadow for objects.

Options to choose between HEX, RGB, and HSB formats in the Color Picker
Options to choose between HEX, RGB, and HSB formats in the Color Picker

Apply radial gradients to objects in XD

You can now apply a radial gradient fill to an object in XD. For more information, see Create and modify gradients.

Support for radial gradients in XD
Support for radial gradients in XD

Note:

In this release of XD, you cannot add radial gradients to the Assets panel.

Mark objects for batch export

You can now mark assets or artboards for export later, and then export them all in bulk to any format XD supports. To mark assets for export, open the Layers panel and click the Mark for Batch Export  icon.

Export them as a batch using File > Export > Batch, or a keyboard shortcut. 

Keyboard shortcuts for batch export:

  • Mac: ⇧⌘E
  • Win: Shift + Ctrl + E

For more information, see Export design assets.

Defect fixes and visual improvements

Design specs

  • Design Specs previously showed measurements of the masked layer instead of the masking shape. This bug is fixed. You can now inspect masked and Boolean objects as a single shape in a design spec. 
  • Design Specs used to follow the default browser zoom in/zoom out behavior. With this release, Design Specs now zooms in only on the artwork that is present in the UX flow view. 
  • You can use Ctrl + 0 (on Windows), or Cmd + 0 to fit the screen in the browser window.
  • You can now pan faster across the Design Specs using the Shift and arrow keyboard shortcuts.
  • You can now go from Spec view to UX flow view by using the Esc keyboard shortcut.
  • You can now clearly see the measurements of objects without any overlap from the bounding box lines.

For more information, see Use design specs published from Adobe XD.

Prototype changes

  • The header of web prototypes has moved from the left of the screen to the center of the screen. 
  • Prototypes are now shown at 100% of the actual size in full screen mode. A viewer who has a browser window that is smaller than the design’s size now has to scroll to see the content. This feature enables viewers to get a realistic experience of the prototype.

For more information, see Publish prototypes.

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