blog image

Adobe XD

Adobe XD is a vector-based user experience design tool for web apps and mobile apps, developed and published by Adobe Inc. It is available for macOS and Windows, although there are versions for iOS and Android to help preview the result of work directly on mobile devices. Adobe XD supports website wireframing and creating click-through prototypes.

Adobe first announced they were developing a new interface design and prototyping tool under the name "Project Comet" at the Adobe MAX conference in October 2015. This was in response to the rising popularity of Sketch, a UX and UI design-focused vector editor released in 2010.

The first public beta was released for macOS as "Adobe Experience Design CC" to anyone with an Adobe account on March 14, 2016. A beta of Adobe XD was released for Windows 10 on December 13, 2016. On October 18, 2017, Adobe announced that Adobe XD was out of beta.

Adobe XD creates user interfaces for mobile and web apps. Many features in XD were previously either hard to use or nonexistent in other Adobe applications like Illustrator or Photoshop.

Repeat grid: Helps creating a grid of repeating items such as lists, and photo galleries.
Prototype and animation: Creates animated prototypes through linking artboards. These prototypes can be previewed on supported mobile devices.
Interoperability: XD supports and can open files from Illustrator, Photoshop, Photoshop Sketch, and After Effects. In addition to the Adobe Creative Cloud, XD can also connect to other tools and services such as Slack and Microsoft Teams to collaborate. XD is also able to auto adjust and move smoothly from macOS to Windows. For security, prototypes can be sent with password protections to ensure full disclosure.
Voice design: Apps can be designed using voice commands. In addition, what users create for smart assistants can be previewed as well.
Components: Users can create components (previously known as symbols) to create logos, buttons and other assets for reuse. Their appearance can change with the context where they are used.
Responsive resize: Responsive resize automatically adjusts and sizes pictures and other objects on the artboards. This allows the user to have their content automatically adjusted for different screens for different sized platforms such as mobile phones and PC's.
Plugins: XD is compatible with custom plugins that add additional features and uses. Plugins range from design to functionality, automation and animation.