AppleInsider Staff
Developed under the name "Project Comet," Adobe on Monday announced an early release version of Experience Design (XD), a mobile app and webpage user experience and prototyping tool boasting a streamlined interface, hooks into Adobe's line of CC products and numerous preview options.
The preview, open to anyone with an Adobe ID, allows users a streamlined path to creating a design-forward mobile app or webpage mockup that can be shared with developers or clients. A purpose-built app, XD packs in powerful tools to facilitate fast prototyping with professional results.
Adobe XD includes a number of tools for quick graphics layouts, with user interface assets built in for today's major mobile operating systems, including iOS, Android and Windows Phone. For example, the app comes with fonts, buttons, images and color palettes built-in, leaving the user free to experiment with different dynamic layouts.
In a demonstration, it took Adobe's Andrew Shorten about ten minutes to build an iOS app mockup complete with graphics, text, links, transitions and more. Starting with a blank canvas users can compose individual panes and fill the predefined work area with a host of graphical assets, including titles, text bodies, lists, maps and images.
With XD, Adobe is looking to simplify the prototyping process through the use of intelligent software tools. Using image insertion as an example, XD uses a drag-and-drop auto-masking image box that requires far fewer steps to mask out an image than manually inserting, measuring and masking. Other improvements include auto-populating lists, an integrated vector graphics system and support for Adobe Illustrator CC and Photoshop CC files.
In addition, the large workspace provides ample area for wire-framing, or linking certain onscreen assets to different app or Web panes. To create wireframes, users simply draw a wire from one point, such as an interactive button or image, to a second page. The app features a tool to mimic commonly used transitions like page slides for a more immersive evaluation experience.
Among the various viewing options is a dedicated prototype mode useful for testing out interactive hotspots like buttons, while a desktop preview mode that displays changes in real-time allows for dynamic A/B testing. Users also have the option to post a fully-functional prototype to the Web, which can be shared for remote assessment.
Adobe XD CC is available for Mac users as a free download from Adobe's website. The company expects to release a shipping version later this year, with companion apps for iOS and Android, deeper Photoshop CC and Illustrator CC integration, and support for other Creative Cloud assets planned for future iterations.
William Gallagher
Malcolm Owen
Andrew Orr
Christine McKee
Sponsored Content
Wesley Hilliard
14 Comments
Played with this a while today. Pretty cool, although not a ton of features.
Companion app for iOS? I wonder if I'll be able to prototype iOS apps on the iPhone or iPad. That would really be cool.
Ultimately, if I could develop iOS apps on an iOS device, I would be really happy.
Pretty cool for a first version. Freaking fast and snappy compared to other Adobe apps, seriously surprising, feels like a modern app. Clearly aimed at getting the Sketch crowd back, and the roadmap seems to indicate they really picked up the trend of these prototyping tools(not just Sketch), taking on Invision as well. Looking forward to the competition heating up. They have a long way to go in terms of features, but I'm pretty sure they're going to be on par in the future.
No thanks. Adobe, never again.