This major update focuses on creating a more powerful and robust design system. New UX capabilities and new enhancements to the tool.
Here is the overview of the list of features we’ll be covering today:
- Resizable Components with Overrides
- Linking Assets for Design Systems
- Artboard Guides
- Keyboard and gamepad triggers
- Polygon Tool
- Additional Text Transformations
The team at Adobe XD has decided to say goodbye to Symbols and completely replace them with what is now called Components. It’s pretty much an upgraded version of a Symbol. They mentioned that Symbols had its limitations in its flexibility and adaptability when it came to being reused across artboards. The new capability of components allows reusable elements such as buttons to have instances within that element to be customized to any of its properties. If you make changes to the properties of a master component, it will affect all the other instances where that property hasn’t been customized. But if you make changes to the individual instance, then it is only specific to that element.
With this new capability, designers are now able to create multiple states and different variations of layout from individual components.
If you create a tab bar, you could replace a nested component with another component.
2. Linking Assets for Design Systems
In the previous version of Adobe XD, the design system was only limited to one person using it. This new version allows the designers to create one master design system file to then share the cloud document with other designers. If the designer decides to edit the master design system file, anyone else who is using the same components will receive updates in their assets sidebar.
3. Artboard Guides
Guides can now be dragged from either the top or left side of the artboard. So now we can easily snap and align elements to the guide to ensure consistency in our positioning of objects across the artboards.
4. Keyboard and Gamepad Triggers
The team at Adobe XD has further expanded its prototyping capabilities by introducing Keyboard and Gamepad Triggers. By having keyboard shortcuts, UX Designers can prototype SAAS applications to simulate desktop experiences. They have also allowed the capability for Game Designers to prototype with their game design on Adobe XD with an Xbox One or a PS4 Dualshock Controller in order to simulate a console gaming experience.
5. Polygon Tool
The new polygon tool makes it faster to create a multitude of shapes, including triangles, rhombus, pentagons and other polygons with up to 100 sides. When combined with auto-animate, the polygon tool makes it easy to morph between different shapes.
6. Additional Text Transformations
Improvements to text formatting options include the addition of making text uppercase, lowercase or title case, as well as being able to define text strikethroughs. In a future update, they will also enable superscript and subscript text support.
These are just a few of the many features added to Adobe Xd’s version 19.0 release. Also included were updates to permissions and sharing, as well as a formal update on the Xd Plugin Incubator Program announced earlier this month. For a more comprehensive overview, you can visit the feature summary, Andrew Shorten‘s blog about the release, or Howard Pinsky‘s video where he explains the new features in depth.
Adobe Xd is available for free for anyone that would like to try it out. Download it here.
Running by my nickname of Stevo. I am a UI/UX Designer from Hong Kong. I enjoy doing photography and photo-retouching, reading design news, experimenting with Adobe XD, and mentoring other designers.