This site may earn affiliate commissions from the links on this page. Terms of use.

Adobe XD has UI kits for major app platforms

Adobe has been teasing a land-of-the-fine art User Feel (UX) design and prototyping tool under the name Projection Comet, seemingly forever. Information technology is finally gear up to take the covers off and release a public preview of the tool, which has been christened Adobe Experience Designer CC (XD for short). Rather than positioning it to completely replace any of its existing tools for developers, Adobe is carving out a new niche, with XD providing an like shooting fish in a barrel-to-utilize, lightweight, application for UI and UX designers to create and wire together interfaces for the Web, desktop, and mobile platforms.

XD shines in piece of cake nugget placement and interaction prototyping

XD is admittedly positioned a solution for frustrated designers tired of having to drag out Illustrator, Photoshop, and Dreamweaver every time they want to create and wire upwards an interface that includes raster assets, vector avails, and screen-to-screen navigation. Its interface for asset importing and placement are massively more intuitive than in those other tools. There are also some great new capabilities, like easy creation and subsequent management of repeating groups (that reminds me of using Patterns in Solidworks, for example) called Echo Grids.

The Repeat Grid is one of XD's most powerful features, allowing the easy creation of multiple elements on a screen

The Repeat Grid is one of XD'south most powerful features, assuasive the easy creation of multiple elements on a screen

XD comes with a library of screen resolution presets for a variety of devices, but you can hands create your own. It also has some starter UI kits for iOS, Android Material Design, and Microsoft Windows. Yous create individual screens equally what XD calls Artboards. The cartoon tools are both powerful and easy to employ. When yous switch to Prototype mode y'all tin wire Artboards together past connecting action elements such as a button to another Artboard.

XD supports a diverseness of asset formats, including SVG for creating scalable interfaces. Nevertheless, the way Artboards are created and sized yet gives the feel of a traditional pixel-based system specific to the display resolution of each output device. So you practice need to create multiple layouts to mimic native device back up for a diverseness of resolutions.

Sharing is a snap, but limited help for handing off to developers

XD makes information technology like shooting fish in a barrel to either create a video demo of a UI walkthrough, or to export the entire experience to the Adobe cloud for sharing with others and getting feedback. In one case you have a blueprint set up to exist adult, the avails tin can exist exported from XD for use in a more traditional IDE. However, all the layout and wiring logic needs to be recreated from scratch. Having participated in a number of projects where that handoff can be messy, it'd be nice to come across a more streamlined workflow from prototype to development. Other tools similar Zeplin allow at least spec and style handoffs.

When I asked Adobe nearly this, their rationale for the limitation was that devs typically desire to write the programme logic their own manner, and aren't likely to apply whatever they get from a design team anyway. That's certainly a off-white betoken, but Adobe did say that in future they'd be looking at ways to get more involved in how the design can segue into evolution. The ability to automatically generate iOS Xcode Storyboards might be one interesting extension.

In XD, a UI flow is prototyped easily by simply wiring elements to screens, and optionally specifying a transition

In XD, a UI flow is prototyped easily by simply wiring elements to screens, and optionally specifying a transition

Price and availability

The Preview version of Adobe Experience Designer CC is available immediately every bit a costless download for anyone with an Adobe ID — just just for Mac Os 10. Adobe hasn't released final pricing, although at a minimum I look it to be available to anyone with a total Creative Cloud subscription. Pricing is likely to need to be aggressive given that XD is entering a market with many players already, like Zeplin and InVision. Adobe is also working on a Windows version of XD, which it hinted would come up afterwards this year. Future versions will also be adding back up for alive previewing straight on mobile devices, and a more granular feedback system — like those found today in web site wireframe-modeling tools like Redpen that are popular with creative agencies.