Software:Adobe XD

From HandWiki
Short description: Web prototyping and design tool by Adobe, Inc.
Adobe XD
Adobe XD CC icon.svg
Adobe XD running on macOS Catalina.png
Adobe XD running on macOS Catalina
Developer(s)Adobe Inc.
Stable release
57 / June 6, 2023; 8 months ago (2023-06-06)
Operating system
  • Development and Preview
  • Windows 10 v1703 or later
  • macOS 10.12 or later
  • Preview Only
  • iOS 10 or later
  • Android 5.0 or later
Platformx64, ARM64
Available inEnglish, French, German, Japanese, Korean, Chinese
TypeUser interface builder
LicenseTrialware
Websiteadobe.com/xd

Adobe XD (also known as Adobe Experience Design[1]) is a vector design tool for web and mobile applications, developed and published by Adobe Inc. It is available for macOS and Windows, and there are versions for iOS and Android to help preview the result of work directly on mobile devices. Adobe XD enables website wireframing and creating click-through prototypes.[2]

History

Adobe lastly announced they were developing a new interface design and prototyping tool under the name "Project Comet" at the Adobe MAX conference in October 2015, which was a 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] As of June 22, 2023, Adobe XD was announced as discontinued as a purchasable item.[6]

After the failure of Adobe's attempt to acquire Figma, Adobe disclosed it would not "further invest" in XD.[7]

Features

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.[8]

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, 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 from macOS to Windows. For security, prototypes can be sent with password protection to ensure full disclosure.[9]

Content-Aware Layout

Design and edit components without the nudging or the tinkering. Content-Aware Layout aligns and evenly-spaces as you add, remove, or resize objects. Make adjustments with smart controls and get back to exploring.

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 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.

Design education

Adobe offers educational articles, videos and live streams through various mediums to help designers learn Adobe XD and best practices.

Adobe XD Learn Hub

Launched in 2021, the Learn Hub[10] is a resource for learning how to use XD and what features the program offers. The Getting Started series[11] includes beginner to advanced tips & tricks[12] for designers looking to improve their work..

Adobe Live

Adobe Live[13] is a live stream hosted on Behance which delivers online training for a variety of Adobe applications, including Adobe XD, Photoshop and Illustrator.

Adobe MAX

Adobe MAX is an annual conference held by Adobe, showing various new products by Adobe in a format similar to other tech companies as well as various sessions and workshops.[14] What was previously an in-person event has since transitioned online.

Alternatives

References

  1. "Adobe Experience Design CC (Beta)" (in en). https://www.adobe.com/products/experience-design.experience-design-marquee-video.socialshare.html. 
  2. 2.0 2.1 Lardinois, Frederic (March 14, 2016). "Adobe launches Experience Design CC, a new tool for UX designers". https://techcrunch.com/2016/03/14/adobe-launches-experience-design-cc-a-new-tool-for-ux-designers/. 
  3. Rhodes, Margaret (October 18, 2015). "Adobe's Project Comet Is a Start-to-Finish UX Design App". Wired. https://www.wired.com/2015/10/adobes-new-project-comet-start-finish-website-design-app/. Retrieved October 20, 2017. 
  4. Hassan, Mehedi (December 13, 2016). "Adobe XD now available to Windows 10 users in beta". https://mspoweruser.com/adobe-xd-now-available-windows-10-users-beta/. 
  5. Lardinois, Frederic (October 18, 2017). "Adobe's XD prototyping and wireframing tool is now out of beta". https://techcrunch.com/2017/10/18/adobe-xd-designing-at-the-speed-of-thought/. 
  6. "Adobe XD put on life support ahead of Figma acquisition". June 22, 2023. https://www.theverge.com/2023/6/22/23769586/adobe-xd-discontinued-shutting-down-figma-design-app. 
  7. Ford, Brody (30 January 2024). "Adobe Gives Up on Web-Design Product to Rival Figma After Deal Collapse" (in en). Bloomberg.com. https://www.bloomberg.com/news/articles/2024-01-30/adobe-gives-up-on-xd-after-figma-deal-collapse?srnd=premium&sref=CIpmV6x8. 
  8. "Adobe XD. The New Hope." (in en). January 30, 2017. https://futurice.com/blog/adobe-xd-the-new-hope. 
  9. "Create and share designs, layouts, and prototypes quickly | Adobe XD CC". https://www.adobe.com/products/xd/details.html?promoid=599F8RK9&mv=other. 
  10. "Get Started with Adobe XD | Adobe XD" (in en). https://www.adobe.com/products/xd/learn/get-started.html. 
  11. "Learn XD Design | Adobe XD" (in en). https://www.adobe.com/products/xd/learn/get-started-xd-design.html. 
  12. "Introduction to prototyping a gaming experience | Adobe XD" (in en). https://www.adobe.com/products/xd/learn/prototype/interactions/prototyping-in-adobe-xd-gaming-experience.html. 
  13. Behance. "Adobe Live" (in english). https://www.behance.net/live. 
  14. "Adobe MAX – The Creativity Conference | Review on demand" (in en). https://www.adobe.com/max.html. 

External links