Adobe Creative Cloud

August 15, 2016 /basics /UX/UI Design /

August Update of Adobe Experience Design CC (Preview)

Great news! The August update of Adobe Experience Design CC (Preview) is here. Not only are we striving to build a product that helps you get the job done, but our goal is to build a product you’ll love. We’re paying close attention to User Voice and appreciate your comments, votes and suggestions to help us research, prioritize, and design new features for you. Thanks for all the feedback and please keep it coming.

This update incorporates popular requests such as:

  • Linear Gradients
  • Hex Shorthand
  • Instant Transitions
  • Korean language support

To try out these out yourself, download the latest version of XD or update your current version via the Help menu. (Help > Check for Updates)

What’s New in this Update?

Linear Gradients

One of our most frequently requested features has landed. You can now create, edit, and apply linear gradients to vector objects directly in XD.  What’s more: you can quickly bring existing linear gradients from Illustrator into XD with simple copy and paste commands.  Your color selections and stops are all transferred over into XD along with the shape you’ve pasted.

To create a linear gradient, select the vector you want to apply a linear gradient to, navigate to the color picker (located in the property inspector), and change the fill from solid to gradient.  A gradient will now appear in the shape. Once you’ve converted to a gradient fill, you can add, select, move, and delete color stops along the bar at the top of the pop-up. Modify each stop’s color and transparency using the familiar color picker and appearance controls.

Create and edit linear gradients from the color picker.

Create and edit linear gradients from the color picker.

When you create a gradient by changing a vector object’s fill from solid to gradient, you’ll notice that a control line appears in the shape itself.  This control line allows you to position the gradient’s endpoints and angle.  Furthermore, you can add new color stops and reposition them by sliding them along the control line.

Refine a linear gradient using its control line.

Refine a linear gradient using its control line.

Hex Shorthand

Save time when specifying hexadecimal codes in the color picker using a few quick shortcuts. Here are a few examples:

Type Populates the hex code line with:
AB #ABABAB
ABC #AABBCC
A #AAAAAA
august_release_hex_shorthand

Hex shorthand in action.

Instant Transitions

In this release, we’ve added the ability to specify an animation’s segue as “none”.  This allows you to create instant transitions which are immediate and do not contain any easing.  This feature is particularly helpful in simulating changes to an artboard’s state (drop-downs, collapsing/expanding, etc.).

august_release_instant_transitions

Instant transitions


In the animated example below, a menu icon is linked to a second artboard (which shows the menu in its expanded state).  In prototype mode, the icon has been linked to a second artboard which shows the expanded menu using an instant transition (segue:none).  The second artboard was then set to return to the previous artboard (a new feature in July).

Renaming “Slide” Transitions to “Push”

In this release, we’ve made changes to our segue naming based on your feedback.  “Slide” transitions will now be referred to as “Push”.  We believe this better matches the definitions designers are already using.  Look out for proper “Slide” transitions in September’s release.

The chart and animations below are intended to show how we’re defining Push and Slide transitions in this release forward. Let us know if you have any questions or further feedback.

Push

(formerly Slide)

Slide

(coming in September)

What it does:
Moves an artboard off-screenat the same speed and in the same direction as a second artboard.  The new artboard “pushes” the old artboard in its entirety.
What it does:
A new artboard slides over an existing artboard (which exits with a slight parallax effect). The new artboard “slides” over the first artboard.
 What it looks like:
august_release_push_animation
 What it looks like:

august_release_slide_animation

 

Korean Language Support

A while back, the XD team visited design agencies in Korea, to better understand the challenges and workflows designers encounter everyday. We also learned how rapidly UI/UX design was growing in Korea, and are thrilled to announce that Korean is now supported in XD.

What’s coming next?

XD for iOS & Android

Get ready to preview your prototype in real-time on actual iOS and Android devices.  Connect your device via USB, launch the XD mobile app, and preview your design complete with interactions. Design & prototyping changes are updated instantaneously, rather than having to refresh to see updates.

august_release_XD_for_iOS and Android

XD for iOS & Android: Coming soon

Zoom to Selection

Quickly zoom to the selected object or an artboard. Zoom to selection gets you right into the focus of your work with the shortcut ⌘3.

august_release_zoom_to_selection

Zoom to selection

What else can you expect in future updates?

As many of you know, we’re feverishly working to bring you layers, symbols and of course XD for Windows. Stay tuned and follow us for more updates!

Be part of this Journey

Feedback

We continue to get great feedback from designers that XD is helping them design, prototype, and share faster.  Big shoutout to everyone who has downloaded and sent us feedback.  We read and listen to your feedback, so keep it coming.  Visit our User Voice site to suggest features, vote on ideas, or report issues.  We also host a Forum for community discussions.

Social

Follow us on Twitter and Facebook for updates or to reach the team. We are passionate about listening and responding to your feedback, hosting live sessions, and sharing videos that help you design with XD.

#MadeWithAdobeXD

While sharing your prototypes on Behance, don’t forget to tag them with #MadeWithAdobeXD and select Adobe Experience Design under “Tools Used.” Checkout Guacamole a free UI Kit by the team at Avocode.

Events & Articles

Adobe XD Private Prerelease Program Application

Interested in accessing XD’s latest and greatest features before they make the public releases?
Every month, we’ll select 50 people who complete this application to join our Adobe XD Private Prerelease Program. For instance, Layers, XD for Windows, companion apps for iOS and Android, Symbols, and much more, will land first in prerelease. Apply now!

Adobe MAX 2016

Adobe MAX is just around the corner. Make sure to sign up for sessions and labs for Adobe Experience Design. Sessions, labs, and creativity workshops are where you’ll gain the knowledge and skills you need to stay competitive and the inspiration you need to create your best work.

Please download the latest version of Adobe Experience Design and let us know what you think. Looking forward to hearing your thoughts.

basics, UX/UI Design

Design. Prototype. Share. All in Adobe XD.

Go from idea to prototype faster with Adobe Experience Design (Preview) CC, the first all-in-one tool for creating and sharing website and mobile app designs. Test drive the XD preview and tell us what you think.

DOWNLOAD