Adobe XD in 2019: How Far We’ve Come and Where We’re Going
As we approach our second anniversary of launching Adobe XD, I wanted to take a moment to reflect on some of the more recent feature additions to the platform, as well as to provide insights into our future roadmap.
It’s an exciting time to be a designer, with new tools seemingly coming to market every month. At the same time, it’s challenging for product design teams to choose which tools to standardize on; design is increasingly more collaborative, involving more people across more functions in the process than ever before.
Since our 1.0 release two years ago, we’ve focused on providing a modern, collaborative platform for product design teams. Month after month, we deliver a consistent stream of new features and enhancements based on feedback from our community, with over 20 major releases of XD so far.
Whether you’ve already adopted XD, like the product design teams highlighted here, or you’re evaluating whether to switch tools, I hope this blog post helps you to see how far we’ve come and understand where our team intends to invest next as we build toward a complete prototyping and collaboration solution for product design teams.
Design and prototyping
Over the last year, we’ve focused on making sure many of the core features you expect to find in a modern design tool are in place in XD — selection across groups, improved typography control, artboard guides, and mark for export, for example. For details of all features added in every release of XD, check out the full list.
But we haven’t stopped there. We’ve sought out points of friction where designers spend hours unnecessarily — resolving missing fonts in documents is a case in point. Using Adobe’s extensive font library in Creative Cloud, we added the capability to auto-resolve most missing fonts automatically as soon as you open a document.
We also recently replaced symbols with components to enable the creation of reusable design elements, with robust support for overrides and resizing, and allow you to form the foundation of a shareable design system (more on that later). This was a highly requested feature from our community, and we’ve been excited to see how quickly components have been adopted by designers.
Prototyping has been core to XD since its beginning. The ability to quickly create low and high-fidelity experiences allows for design exploration, user testing, and helps communicate the design’s intent. XD offers prototyping capabilities that no other design tools do: following the introduction of voice prototyping and Auto-Animate, we added support for keyboard and gamepad triggers, making it possible to prototype desktop and console-based experiences with XD.
As we continue to invest in design and prototyping features in XD, here’s what you can expect:
- A continued stream of design features, prioritized based on your feedback — including blend modes, multiple borders and fills, bulleted lists, and so much more!
- A focus on intelligent tools that make your designs adapt to content changes and remove tedious work associated with manually adjusting layouts.
- Enhancements to components, including support for component states, override management, swapping and nesting, making them suitable for more complex design systems.
- Hover interaction support, Auto-Animate for component states, as well as more granular control over how animation is choreographed.
- Support for inclusion of rich media elements in your prototypes.
We encourage you to share your feedback on these upcoming features and/or make your requests for additional design and prototyping features on UserVoice — our team loves to hear from designers using XD!
Our intent has always been to keep the features in XD focused on the core needs of product design teams. We committed to this mission with the explicit mandate not to bloat the tool with capabilities that exist in other products or features that address more specialized use cases.
While XD has supported import from Photoshop, Illustrator, and Sketch for some time, our team has refined and improved the import fidelity based on feedback from our community, with noticeable improvements landing in the last couple of releases. We’ve also recently added support for editing images directly in Photoshop, with a roundtrip of your edits coming back into XD — making the process of adjusting images extremely efficient and seamless.
Third-party plugins in XD received a huge boost with the recent addition of the new Plugins Panel, enabling plugin developers to create new and enhanced experiences that surface alongside the canvas. There are nearly 200 plugins available for XD, providing everything from accessibility tools and tools allowing you to import design resources, to content generators and ones that automate routine tasks. You can read more about the new Plugins Panel here, as well as learn more about new tools that are being created within the XD ecosystem as part of our Adobe Fund for Design initiative.
Our plugin APIs enable developers to extend the capabilities of XD and help designers explore new creative frontiers — like voice interfaces. Building on the voice prototyping capabilities in XD, we introduced a new integration with Amazon Alexa to let you export and preview voice prototypes on any Alexa-enabled device, such as the Echo Dot or Echo Show. The integration helps designers incorporate voice into their processes to create experiences that leverage this new medium.
In the future, you can expect further investments for XD in both Creative Cloud and broader ecosystem interoperability, including:
- Full support for creating and using Creative Cloud Libraries in XD.
- Improved discoverability of plugins through a new marketplace experience.
- Expanded extensibility support through additional plugin APIs, a document validator, and the introduction of cloud document APIs.
Since the introduction of XD, we’ve provided easy ways for designers to share designs and prototypes with stakeholders. We’ve focused our attention on refining the experience based on your feedback — enabling single-link published prototypes and design specs with improved navigation, adding developer support with automatically generated CSS snippets, allowing stakeholders to request access to content, and enabling commenting on mobile devices, and more! We’ve also worked closely with our partners to integrate XD with other project management and collaboration tools like Slack, Microsoft Teams, Jira, and more.
Enabling product design teams to collaborate on design documents together has been a major investment this year. While most of the work has been going on behind the scenes, we’re gearing up to add support for Coediting very soon. This will allow multiple designers on multiple devices to have the same XD document open, allowing them to work together and make changes that are reflected in real-time for all coeditors. Alongside Coediting, we’ll also be adding full support for versioning, allowing you and your team to work in confidence knowing previous versions of your design are easily accessible right within XD.
On our future roadmap, beyond Coediting and versioning, we’ll be focused on:
- Offering design teams the ability to use shared projects as a way to organize related work and ensure that all team members have easy access to documents, artifacts, and libraries of assets.
- Extending real-time collaboration beyond XD on desktop, enabling designers to invite the extended product design team to documents, so that everyone has access to and can contribute to the latest designs at all times.
The challenges of designing at scale while ensuring efficiency and reuse is a top priority for our team. With several hundred designers at Adobe all working on different but related projects the use of a common design language is critical. We’re figuring out how design systems can work for us, just as you most likely are with your teams, too.
Combining the introduction of cloud documents as a single source of truth and reusable components with the ability to link and update assets from a cloud document has provided the foundation for building a design system in XD — check out our guide for more information.
Over the last couple of months we’ve been working closely with a number of customers to plan out our design systems roadmap and that has led us to invest in:
- Expanding the range of asset types supported in XD, as well as improving tools to organize assets in the assets panel.
- Enabling design system documentation through support for annotations.
- Providing additional control over sharing permissions, versioning, and updating design systems.
- Introducing support for style guides.
- Extending design systems through the use of cloud document APIs, enabling design-to-production workflows
Performance and quality first as we build for the future
With all the exciting work we have delivered and are planning on shipping soon, we continue to prioritize performance and quality above any individual feature. We’re excited to be continuing the journey of creating the best collaborative design platform for product design teams. Make sure to join us at Adobe MAX, either in person or for the live keynote streams, for a host of announcements related to XD. And continue to share your feedback on Twitter and User Voice.