| Developer(s) | Adobe Systems |
|---|---|
| Stable release | 39.0.12 / April 13, 2021; 8 days ago |
| Operating system |
|
| Platform | x64, ARM64 |
| Available in | English, French, German, Japanese, Korean, Chinese |
| Type | User interface builder |
| License | Trialware |
| Website | adobe.com/xd |
Adobe XD (also known as Adobe Experience Design[1]) is a vector-baseduser 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.[2]
Using Adobe XD for a website mockup on the latest project I've been working on, with designers and developers, is great in many ways. The designers mocked up buttons, animations to show what would happen if a user clicked a certain button to do an action, and to display that in the mockup with no code what so ever is nice to give the devs and idea on what it is exactly supposed to do base on. With Zeplin, you can publish finalized designs from Figma, Sketch, Adobe XD and Photoshop. Developers get a 'locked' design to build from, while designers can iterate on the next great release. Zeplin is the source of truth for finalized designs, if it’s not in Zeplin it won’t be in the shipped product. Alan Chappell, Head of UX. Zeplin allows designers to easily turn their designs into specs and guidelines while giving developers access to all of these resources in a single location. Recommended for. Both small and large projects. Teams looking for a technical handoff tool that includes a style guide. It can integrate designs from Sketch, Photoshop, Adobe XD.
History[edit]
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.[3]
The first public beta was released for macOS as 'Adobe Experience Design CC' to anyone with an Adobe account on March 14, 2016.[2] A beta of Adobe XD was released for Windows 10 on December 13, 2016.[4] On October 18, 2017, Adobe announced that Adobe XD was out of beta.[5]
Features[edit]
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.[6]
- 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 protection to ensure full disclosure.[7]
- 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 PCs.
- Plugins: XD is compatible with custom plugins that add additional features and uses. Plugins range from design to functionality, automation and animation.
Alternatives[edit]
References[edit]
- ^'Adobe Experience Design CC (Beta)'. www.adobe.com. Retrieved 2021-04-19.
- ^ abLardinois, Frederic (March 14, 2016). 'Adobe launches Experience Design CC, a new tool for UX designers'. TechCrunch. Archived from the original on October 20, 2017. Retrieved October 20, 2017.
- ^Rhodes, Margaret (October 18, 2015). 'Adobe's Project Comet Is a Start-to-Finish UX Design App'. Wired. Archived from the original on October 20, 2017. Retrieved October 20, 2017.
- ^Hassan, Mehedi (December 13, 2016). 'Adobe XD now available to Windows 10 users in beta'. MSPoweruser. Archived from the original on October 20, 2017. Retrieved October 20, 2017.
- ^Lardinois, Frederic (October 18, 2017). 'Adobe's XD prototyping and wireframing tool is now out of beta'. TechCrunch. Archived from the original on October 20, 2017. Retrieved October 20, 2017.
- ^'Adobe XD. The New Hope'. Futurice. Retrieved 2019-02-14.
- ^'Create and share designs, layouts, and prototypes quickly | Adobe XD CC'. www.adobe.com. Retrieved 2019-02-14.
External links[edit]
An overwhelming request we have heard for several months is to seamlessly incorporate Adobe XD into existing workflows, whether you work by yourself, on a team, or in a large enterprise. Today, as part of our January release, we’re thrilled to release our first integrations with popular 3rd-party tools to help you standardize and scale your design process, whether you’re handing off your designs to developers or applying advanced animation to your prototypes. This is just the beginning of XD becoming an expanding platform for creating and developing amazing user experience.
Design to Developer Handoff
Teams and organizations can quickly incorporate Adobe XD into their design to development workflow with either Design Specs (Beta) or the new integrations for Zeplin, Avocode, and Sympli. You can now choose the design to development workflow that works best for you and your teams.
We are continuing to enhance Design Specs (Beta) and plan to add more functionality like asset extraction and code snippets in the near future.
Advanced Animation
The demands for creating an engaging digital experience are higher than ever. With integrations for ProtoPie and Kite Compositor, communicating experiences with advanced animations like bouncing or spinning icons is faster and easier.
With future releases of Adobe XD, you’ll also see progress on overlays (transitioning elements on top of an existing artboard) and scrollable areas within an artboard. We also plan to enable higher fidelity micro-interactions as well as support more gestures and interaction types.
What’s Next
We are also working on releasing integrations with other popular tools and services. If you are looking for integrations with other platforms, please see our uservoice site and vote for an integration or submit a request for one.
Also on the horizon is work to support in-app plugins on Mac and Windows that allow anyone to extend XD with additional tools, commands, and panels. If you are interested in continuing the conversation around extensibility, connect with us via uservoice. If you are an integration or extension developer please join our uservoice forum here.
How to Get Started
If you are already using these popular services and tools, download the January release of Adobe XD here or from your Creative Cloud desktop app. If you don’t see the latest release of XD available in your Creative Cloud desktop app, check out this helpful guide.
Note that the integrations are only available on XD for Mac at this time.Visit the vendor(s) you are using below to get the latest version of their app and learn more about how to take advantage of the integration:
For Adobe XD and Zeplin users, check out this short video on how to get started:
Enjoy these enhancements and keep creating and sharing incredible experiences with Adobe XD!
Adobe Xd Zeplin Components
UX Community
Let’s keep the conversation going! You can follow our handle @AdobeXD for updates or reach the team on Twitter using the #AdobeXD. You can also chat with us on Facebook, where we share videos and updates as well as answer questions during live sessions.
For UX insights sent straight to your inbox, sign up for Adobe’s experience design newsletter!
Export Adobe Xd To Zeplin
#MadeWithAdobeXD
While sharing your prototypes on Behance, don’t forget to tag them with #MadeWithAdobeXD and select Adobe XD under “Tools Used” for the opportunity to be featured in the Adobe XD Newsletter.