June 2018 and July 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 10

Commenting in Design Specs

From XD 10.0 onwards, you can comment on design specs, use a commenting pin to pin the exact location of the comment, and move the pin if necessary. When navigating a link, the comment and their responses are retained in context. A commenting notification email sent to the author provides a direct contextual link to the artboard. Your responses are reflected when the developer refreshes their browser. 

Commenting in design specs
Commenting in design specs

Note:

By default, commenting is enabled on all new links published from XD 10.0 and greater. However, if you want to enable the commenting feature on existing links, ensure to update the links from XD 10.0 or greater.

For more information, see View and inspect comments.

Third-party integrations for Windows

Integration with third-party applications such as Zeplin, Protopie, and Avocode are now supported on Windows.

For more information, see Third-party integrations.

Label assets

You can organize your assets in your project better with the Label Assets functionality in Adobe XD. This release allows you to rename the different assets in your file based on the type and use of the assets.

Label assets
Label assets

For more information, see Assets and symbols.

Stroke enhancements

From this release onwards, designers can control the fidelity of the strokes when creating dotted/dashed lines, specify end caps, and rounded corners in prototypes. 

Stroke enhancements
Stroke enhancements

For more information, see Create strokes.

Adjustments to paragraph spacing

Similar to Photoshop and InDesign, Adobe XD allows you to modify the space after paragraphs within the same text element.

Paragraph spacing
Paragraph spacing

Image paste from OS clipboard

From XD 10.0 release, you can copy an image outside XD, select a shape, right-click, and use the Paste Appearance option to paste the image directly as an image fill. In the past, adding images to XD was limited by dragging images from the Finder to the design canvas, or selecting File > Import.

For more information, see Working with external assets.

Password protection improvements

This release of Adobe XD introduces the functionality to cloak the password characters when you create a shared link for prototypes and design specs. To reveal the password, click the visibility icon to reveal the password as you type.

Show or mask password
Show or mask password

Improvements to email notifications

From Adobe XD 10.0 onwards, commenting notification email provides a direct link to a specific comment on the artboard, not just the home artboard. You can click the comments displayed in the email notifications, as clickable direct links to the corresponding artboard.

When the user clicks an artboard name, it opens the prototype link and directly leads the user to corresponding artboard and automatically opens the comments panel. You can scroll down to the first comment or reply that was mapped to the artboard in the email notification.

Email notifications
Email notifications

For more information, see Reviewer workflow.

Fixes in Adobe XD 9.1

This release provides fixes for issues that cause Adobe XD to crash:

  • When your mouse hovers over File > Open Recent menu in the Adobe XD application.
  • When you select a system-level language that is different from the application language, and you define values less than 1 in numeric property fields.

New Features in Adobe XD 9

Private invites (BETA) for prototypes and design specs

From Adobe XD 9.0 onwards, you can use private invites to solicit feedback on private prototypes and design specs using email notifications. 

You can securely share your prototypes and design specs, and the invited reviewers can sign in or create a free Adobe ID or use an existing ID to view and comment on private prototypes and design specs.

Private invites
Private invites

For more information, see Share prototypes and design specs.

Using shared with you (BETA)

Designers and reviewers can access private prototypes and design specs from the Shared with You section of Your Work

If you are an enterprise customer, see Asset Settings for deployment information.

In Your Work, the reviewers can view:

  • Shared with You section in the left side of the page to provide a simplified experience that displays the prototypes and design specs shared exclusively for review.
  • Files section in the left side of the page that displays all the asset files and folders.

This view helps the reviewers focus on their main task of reviewing and commenting on the artifacts shared with them.

Shared with You: reviewer view
Shared with You: reviewer view

Create precision designs with math calculations

Use math calculations to create designs with greater precision or move objects to a new location or modify the width and height.

In the Property inspector, perform simple math (+, -./, * ) in any box that accepts numeric values.

Math calculations
Math calculations

For more information, see Drawing and text tools.

Overlay support

With overlay support, you can easily stack content over another artboard without having to duplicate huge amounts of content on multiple artboards. A few design examples include menu dropdowns, keyboards that “slide up” and lightboxes.

Working with overlay
Working with overlay
Overlay
Dotted line connections in overlay

Fixed elements in desktop authoring

You can also fix the position of design elements on an artboard. It allows you to represent content such as headers and footers on a scrolling design.

Fixed elements
Fixed elements

Improved control for image fills

In earlier versions of Adobe XD, when you dragged images from the desktop and then dropped image files into a shape or path, you could not crop or reposition the image. 

From this release onwards, you can now double-click images placed within containers (Object > mask with Shape) to crop and reposition the images within the image fills. Use the Crop mode for image fill to:

●       Double-click and enter a crop mode for an image fill

●       Reposition the image within the crop mode, or

●       Move the image anywhere in the crop mode

This enhancement is also applicable for files imported from Photoshop and Sketch. The imported files retain the image fills and cropping performed in the source application.

For more information, see Crop and place image fills.

Photoshop and Sketch integration improvements

This release of Adobe XD supports image fills, a new tooling feature.

Commenting improvements

You can place a commenting pin on an artboard before commenting, and move the pin if necessary. When navigating a link, the comment and their responses are retained in context. A commenting notification email sent to the author provides a direct contextual link to the artboard.

For more information, see Reviewer workflow.

Auto-recovery of documents

XD automatically restores untitled documents and retains the changes even if you have not saved if there was an application or system crash. Auto-Recovery is available for both Windows 10 (Fall Creators update) and Mac users.

 

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