April and May 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 19

Design systems in XD

Design systems in XD make creating and maintaining a design system flexible, frictionless, and intuitive. The component-based mindset of design systems allows you to easily define and change assets and components and use these modular repeatable elements that are building blocks of your design system. Now you can deliver consistent experiences faster across your team and have the creative flexibility to adapt design system elements without disconnecting them. For more information on design systems in XD, see Design systems.

To learn more about design systems in XD, do check this video.


Linked assets

From XD 19.0 onwards, you can create a consistent design system for your team by importing components, colors, and character styles into your work from any shared XD cloud document. You’ll be notified of any changes made so you can accept or ignore updates. This can be incredibly handy if your sharing a brand kit  with your team, or reusing design elements of your own from one project to another. For more information, see Work with linked assets.

To learn more about linked assets, do check this video.


Components with overrides

 The latest release of Adobe XD has just taken a quantum leap forward when it comes to building out a complex user experiences with the introduction of components in the application. Components replace what has been symbols in the past, and make the task of building out repeated design elements infinitely more streamlined and powerful. Now, it’s quick and easy to create multiple variations of a component (formerly called a symbol), change its properties, and override all the common properties at the same time. For more information on working with overrides in components, see Component overrides.

To learn more about components in XD, do check this video.


Keyboard and gamepad triggers

Adobe XD now let’s you use keyboard shortcuts and gamepad triggers to simulate native desktop applications and prototype an enriched game experience or design. When wiring a prototype, you can select Keys/Gamepad from the Trigger options and assign any key. You can use these triggers with Tap, Drag, Time, and Voice to prototype for different use cases like desktop apps, games, and presentations. For more information on using keyboard and gamepad triggers, see Prototype using keyboard and gamepad triggers.

To learn more about keyboard and gamepad triggers, do check this video.


Artboard guides

Custom artboard guides let you align elements and objects effortlessly across artboards without the need to rely on rulers. You can create guides, tweak their position, copy-paste guides across multiple artboards or remove them. You can also lock or hide the visibility of the guides. For more information on creating custom artboard guides, see Working with artboards and grids.

To learn more about artboard guides, do check this video.


Polygon tool

With the latest release of Adobe XD, you have even more ways to express your vision with the new polygon tool with up to 100 sides. You can also edit the shapes of these polygons to achieve the desired shape. You can now be more expressive when creating common UI elements such as buttons, pointers, ratings and other basic icons and graphics.  For more information on creating custom artboard guides, see Drawing and text tools in XD.

To learn more about polygon tool, do check this video.


Uppercase, lowercase, title case and strikethrough

The latest release of Adobe XD includes greater creative expression with regards to text transformations. You can change text styles to uppercase, lowercase, use strikethrough, and titling case not just in XD design application, but in web and mobile previews as well. This would be useful for aligning styles for different text areas such as section titles, error messages, or labels, and you no more need to rely on visual hacks to achieve these text transformations. For more information on text transformations, see Text tools.

To learn more about text transformations, do check this video.


Responsive resize for components

With the latest release of Adobe XD you  can combine the best of components (formerly symbols) and responsive resize to work with groups of objects on the design canvas. For more information on working with responsive resize in components, see Resize components.

To learn more about responsive resize for components, do check this video.


Request access to private prototypes and design specs

Adobe XD makes it easy for you to share your designs using sharable prototypes and design specs links. Now you can request access to a privately shared prototype or design spec and the design owner can approve or deny access. For more information, see Request access for private links.

To learn more about the request access to private prototypes and design specs, do check this video. 


Voice prototype notifications

When a prototype does not respond to a voice command, you can troubleshoot that interaction from the desktop preview app — with a visual preview of what Adobe XD hears. For more information, see Troubleshoot voice interactions

To learn more about the voice prototype notifications, do check this video. 


New Features in Adobe XD 18

The April 2019 release of XD has the following exciting enhancements:

Language switcher

XD provides a robust in-app language switching experience to modify the language XD is used in. With this new addition, you can control the language you want to use XD in, and not be tied to the OS language selection. The new language preferences will persist across all XD updates.

Note:

Language switching options are disabled for Creative Cloud team users in China.

Language switcher
Language switcher

UI improvements in the commenting panel

To ensure consistency with other Creative Cloud products, Adobe XD introduces enhanced readability of comments and replies within the commenting panel interface. This enhancement improves readability across multiple comments with invisible captcha (automated) for guest commenting, new indentation in the commenting pane, timestamp adjacent to the reviewer name, and so on.

For more information, see Work with prototypes in XD.

Commenting improvements
Commenting improvements

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

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