What's New in Adobe XD 2020 and 2021 | Adode XD updates



1) New Triggers for Component States 

Make clickable, interactive prototypes that feel real. Now you can use voice commands, keyboard input, and gamepad input to trigger between states of components in your prototypes.

2) New Layout APIs

Create new types of plugins, instantly. Now you can access and edit Responsive Resize, Stacks, and Padding data right from the XD Plugin APIs.

3) Auto-Animate for dash and gap patterns

Now you can use Auto-Animate to animate stroke dash and gap values plus, create rich animations for borders and lines.

4) New view options for XD mobile apps

Preview prototypes using the XD mobile app (iOS and Android) and scale them to fit the height or width of any screen.

5) CC Libraries improvements

Share design systems. Work with assets between apps. Get more from Creative Cloud Libraries with key bug fixes and performance enhancements.

6) Identify shared flows

Click the icon next to any flow in Share mode to copy the latest version of a published link to your clipboard.

7) 3D Transforms

Rotate objects in 3D space. Present in perspective. Layer in depth and create a realistic outlook in seconds.

8) Coediting

Coediting is out of beta. Start collaborating in real-time from the same document, wherever you are.

9) Auto Height Text

Use the text layer’s content to automatically adjust the height, while its width remains fixed.

10) Nested Components

Make changes to components within other components and seamlessly sync changes only in the context you need.

11) Component States in Design Specs

Give developers the full picture with a detailed view of every state for any component.

12) Enhanced Creative Cloud Libraries integration

Work directly from the Libraries panel to access colors, components, and more from your Creative Cloud Libraries. Easily create and share design systems with your team as Libraries.

13) Show or hide prototype wires

In Prototype mode, show or hide all blue prototype wires by toggling Option (macOS) or Alt (Windows) on your keyboard.

14) Multiple Flows

Author multiple prototype or interaction flows in a single XD document and publish unique shareable links for each flow.

15) New keyboard shortcuts for Design, Prototype, and Share modes

Toggle between modes with keyboard shortcuts. Press ⌥+1 (Mac) or Alt+1 (Windows) for Design mode, ⌥/Alt+2 for Prototype mode, and ⌥/Alt+3 for Share mode.

16) Main Components

Components that define styling and properties of all instances of the component have been renamed to Main Components.

17) Learn Tab

Quickly access tutorials, videos, articles, and other resources from directly within XD. 

18) Folders for Cloud Documents

Create folders to organize your Cloud Documents for different projects and clients.

19) Social Media Artboard Presets

Select new artboard presets for designing for social media platforms like Twitter, Facebook, and Instagram.

20 ) Design Tokens

Add custom names to colors and character styles and then share them with developers in your Design Specs to make sure everyone has a common frame of reference.