Last fall at its Max creativity conference, Adobe debuted Project Comet, the code name for its upcoming user experience (UX) app. The mission: To provide an integrated, end-to-end environment for visual and interaction design, wireframing, prototyping, previewing, and sharing of Web and mobile app designs.
On Monday, Adobe released a rechristened Project Comet as Adobe Experience Design CC—nicknamed Adobe XD—a code-free, Mac-only desktop preview targeted to UI, UX and mobile app designers working on a large number of screens and product models. Previously in a private pre-release, it is now available for testing and feedback from the general design community.
With Adobe XD you can hook into assets from anywhere, including Photoshop, Illustrator, Sketch, and your desktop.
Design mode offers intuitive layout, drawing, type and other tools.
Adobe XD gives you the flexibility to use its vector drawing tools to create and preview your interactive prototypes in context and in real time and share them with other designers and developers via Creative Cloud’s syncing functionality; you can even record a workflow to share with colleagues. It is especially friendly because it is code-free—just drag and drop text and graphic elements—and extremely quick.
Built-in UI kits help designers get started with generating specific types of apps quickly. Adobe itself is using XD to build the XD app.
Upon launch, Adobe XD offers an array of Web and app design templates. Just pick the models you want to work with (iPhone 6, iPad, or website) and the app places an artboard on the canvas. You can work on multiple devices/artboards at the same time.
The app’s clean interface presents two modes: Design and Prototype, each with its own tools, letting you move back and forth. As you drag and drop assets into the design, they automatically resize to fit the template.
A cool Repeat Grid feature lets you drag to replicate design elements instead of having to copy and paste, while at the same time providing full design control.
Then, using the app’s built-in wire connectors, you can target any screen to link associated pages, define flows, and designate characteristics like animations, triggers and transitions.
When designs are finalized, you can export assets to developers for production.
Sign up for CIO Asia eNewsletters.