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]

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]

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. Get more out of Zeplin, together. Extensions are built by the community to generate code snippets from designs. Pick the ones that fit your workflow, or create your own and contribute. Zeplin is a collaboration tool for UI designers and front end developers. It goes beyond the design workflow and helps teams with the design hand-off. It allows designers to upload their wireframes or visual designs straight from Sketch and add them to project folders in Zeplin. Adobe XD is always evolving to reflect customer and community feedback. Our latest release connects you with some of your favorite tools and services, including Dropbox, Zeplin, Avocode, Sympli, ProtoPie, and Kite Compositor.

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]

1. ^'Adobe Experience Design CC (Beta)'. www.adobe.com. Retrieved 2021-04-19.
2. ^ ^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.
3. ^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.
4. ^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.
5. ^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.
6. ^'Adobe XD. The New Hope'. Futurice. Retrieved 2019-02-14.
7. ^'Create and share designs, layouts, and prototypes quickly | Adobe XD CC'. www.adobe.com. Retrieved 2019-02-14.

External links[edit]

Adobe Xd To Zeplin

Adobe Xd Vs Zeplin

Adobe Xd Zeplin Style Guide

• Collaborate with your team by sharing files stored in Creative Cloud, get feedback, and stay up-to-date with actions taken on your Creative Cloud assets.
• Adobe Inc.
  Collaborate with your team by sharing files stored in Creative Cloud, get feedback, and stay up-to-date with actions taken on your Creative Cloud assets.
• Dropbox
  Embed and share interactive Adobe XD prototypes in Dropbox Paper.
• Adobe Inc.
  Give teams easy access to the latest Adobe Xd prototypes and design specs in a Jira issue.
• Zeplin, Inc.
  Zeplin is a connected space for product teams where they can handoff designs and styleguides with accurate specs, assets, code snippets—automatically.
• Rhodes Software
  Kite Compositor imports your XD layers and content to set your design in motion using an intuitive animation timeline, a WYSIWYG canvas, and a robust scripting interface.
• ProtoPie
  ProtoPie empowers designers to turn their design ideas from Adobe XD into highly interactive prototypes for all kinds of digital products in the easiest way possible.
• Sympli, LLC
  Sympli provides Adobe XD users with tools to collaborate on designs, share designs and prototypes across digital teams, automatically generate assets, styles, and specs from designs and deliver them to developers.
• Avocode, Inc.
  Avocode helps designers and developers to turn Adobe XD, Adobe Photoshop and Adobe Illustrator files to web, iOS, and Android apps faster.