Adobe XD CC (formerly known as Adobe Experience Design CC) aims to provide full support to UX designers that are trying to improve the way in which users interact with their product. The app allows you to develop both websites and mobile apps and helps you test the outcome and generate prototypes.
UX design tool that can help you develop projects for specific devices
Right off the bat, Adobe XD CC makes you decide if you want to develop projects for iPhone, iPad or web. In addition, you can opt for custom size boards. However, within the designer area, you can add artboards of various sizes.
The Adobe XD CC user interface is separated in two main tabs: one that allows you to deal with the design aspect of your project, and the other to help you configure the associated prototype.
Adobe XD CC permits you to test the outcome in a separate window, and you get to both interact with and record the activity and share the capture with your client or other team members.
Manage your design projects with intuitive drag and drop movements
Within the Adobe XD CC canvas area, you get to add new elements with the help of basic vector drawing tools, combine them any way you like, import images with simple drag and drop actions, create wireframes, and so on.
The same rules apply when adding interactions and animations to your project in the prototype area. Just establish connections between your artboards using the mouse, and employ the contextual menu to manage the animations.
Worth mentioning is that, since the Adobe XD CC project is still under heavy development, some of the editing functions one would expect are not yet included, but working with the application is quite intuitive.
Share your project’s prototype via the Adobe Creative Cloud
Adobe XD CC allows you to export your project’s design to a PNG image file, or you can record your interaction with the prototype to an MOV video file.
Nevertheless, you can also use your Creative Cloud account to share the prototypes directly with your team. Just use the Share command to generate a public URL and preview the prototype in a web browser.
Vector graphics from CC Libraries:
- View and drag linked and unlinked vector graphics from Creative Cloud Libraries into XD. Changes you make to icons, illustrations, and other graphics in Adobe Illustrator update seamlessly to XD through CC Libraries.
Preserve scroll position:
- When clicking on a wired element, you can now control your position to maintain that place on the next screen without having to scroll from the top.
Layout grids in Design Specs:
- View layout grids in the Design Specs (Beta) web app so developers can see column grid attributes such as margins and gutter widths.
Eyedropper in Property Inspector:
- Based on your feedback, we’ve put the eyedropper back in the Property Inspector so it’s easier to sample colors.
OS X 10.9 or later, 64-bit processor