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
Design systems in XD

When designing digital products at scale, it becomes increasingly challenging and critical to remain consistent. Under the increased pressures of content velocity, organizations are searching for ways to move faster when designing and building customer experiences – maintaining consistency and increasing efficiency across an increasingly complex ecosystem of platforms and devices.

A design system unites multi-disciplinary product teams (designers, developers, and stakeholders) around a common visual language by providing a consistent and robust design patterns that can be reused in different combinations. It reduces design debt, accelerates the design process, and builds bridges between teams working in concert to bring products to life. For more information on design systems in XD, see Design systems.

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

Viewing time: 1 minute.


Linked assets

With the ever-increasing design surfaces, designers need an easy way to create and maintain consistent designs at scale. 

With XD 19.0, you can easily share and consume not only components — or what was formerly known as symbols — but colors and character styles as well. This is incredibly handy if  you are sharing sticker sheet with your team or reuse design elements across projects.

Linked Assets complement the workflow of linked components. When you modify a linked asset in the source document, all the  consuming documents with those linked assets receive update notifications. From there, you can choose preview and accept the updates. For more information, see Work with linked assets.

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

Viewing time: 1 minute.


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.

Viewing time: 1 minute.


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.

Viewing time: 1 minute.


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.

Viewing time: 1 minute.


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.

Viewing time: 1 minute.


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.

Viewing time: 1 minute.


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.  Responsive resize allows you to resize groups of objects while keeping their placement and scalability. All you have to do is resize the group on the design canvas, and XD retains the relative spacing in place. Components are also resizeable, and come with the powerful capabilities of responsive resize baked right in. 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.

Viewing time: 1 minute.


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. 

Viewing time: 1 minute.


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. 

Viewing time: 1 minute.


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.

註解:

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

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策