Last December, Adobe teased that full support for design systems was just around the corner for its prototyping tool Adobe XD. Today, the company released a significant update that delivers on that promise and adds several other requested features for designers.
Design systems in XD are built on the foundation of cloud documents, a new form of file management for Adobe apps that syncs with Creative Cloud and is now the default way of working in XD. Designers will now be able to create cloud documents with colors, characters styles, and components that can be reused by an entire team and centrally managed to push updates to everyone at once.
Components are a significant part of Adobe’s design system workflow. A component defines a specific design element like a button or icon. Instances of components can be created and individually customized, but changes made to the source component will apply to every instance. In the future, Adobe says it will add support for defining multiple component states to build reusable animations and more.
Once you’ve created a design system, you’ll be able to share a style guide right from XD for developers and others outside the design team. Design elements can be arranged in a sticker sheet and published to the web for quick reference to color values, attributes, and downloadable assets.
Today’s XD update includes a few other improvements which Adobe has outlined in a blog post alongside more information on creating design systems:
XD is available for macOS and iOS for free with a starter plan or $9.99/month for a single app plan. XD for teams is $22.99/month per user. The tool is also part of Adobe’s $52.99/month all apps plan.
Previous recent updates:
- Adobe XD adds Auto-Animate to browsers, new languages and accents for voice prototyping, more
- Adobe XD adds cloud document support, live collaboration promised in the future
