Adobe Creative Cloud

May 23, 2016 /UX/UI Design /

May Update of Adobe Experience Design CC

Delivering Progress on 3 Most Requested Features

On behalf of the whole XD team at Adobe, I’m thrilled to announce that our May update for Adobe Experience Design CC is ready for you to download.

First of all, thank you for all your feedback, both positive and constructive! We have more than 700 feature requests in UserVoice and we’ve implemented 3 of the top 5 most requested features:

  • Scrollable Area: We’ve implemented the start of this with Scrolling Artboards — see below!
  • Ruler and Grid Guide: Last month, we introduced the first iteration of Grids with more work on the way.
  • Typographic Features: We have implemented most of this request – see below!

We love connecting with you via Twitter, Facebook, public forums, as well as from customer visits, meetups and conferences all over the world, such as 99U, Front Conf, UX London and Creative Jams.

The entire Adobe XD team is passionate and focused on crafting the end-to-end solution for UI and UX designers, so designers don’t have to rely on different tools being stitched together to tackle the UX challenges of today. We’re still in the beginning of the journey, and we hope you’re excited as we are about what’s ahead.

What’s New in this Update?

Adobe XD Color Picker with Swatches

Building any application from scratch involves building a solid foundation, followed by all the basic tools. And that takes time! Not only implementation time, but a lot of work before that: research, empathy, brainstorming, prototyping, testing and validating, and iteratively. So after iterating on this process, we are happy to present our brand new color picker with swatches. To use it, just select a vector shape, click on the color box and pick a color. You can use HSB (Hue, Saturation, Brightness) values or the sliders to adjust color ranges and transparency (alpha channel), as well as save your favorite swatches by clicking on the plus icon. To remove a swatch, just drag it out of the panel. Gradients will be added soon, but in the meantime, you can copy vectors with gradients from Illustrator and paste into XD.

may-01-colorpicker1

Text Improvements: Sub-Range Styling

As part of the improvements to the brand new text engine, you can now select a portion of text and change its font, size and character spacing. Just select the range of your text and use the Property Inspector to change its properties. Changing the color of sub-ranges of text is coming soon.

may-02-text-subrangestyling

Selecting Multiple Artboards and Grids

As part of the work on Artboards, you can now marque select multiple artboards or click on their titles holding the shift key, then activate and edit the Grids using the Property Inspector on the right.

may-03-selectmultipleartboards

Aligning Objects or Groups to Artboards

In previous releases of Adobe XD, you could use alignment tools to align objects in relation to each other. Now, if you select one object or a group of objects, you can use the same alignment tools to align it to its artboard. If you select multiple artboards, you can align and distribute them.

may-04-aligntoartboard

Scrolling

Scrollable Area is the most requested feature on User Voice, and we heard you! As a first step towards enabling the creation of scrollable content within prototypes, you can now scroll long artboards. To use this feature, just create an artboard using a preset template (such as iPhone 6, iPad or Web 1920, either from the start screen or from the list presented when using the artboard tool) and extend its height. You will then see a dashed line representing the fold. If you test your prototype using the Preview window or the Web prototype, you will be able to scroll. Adjusting the fold, fixed elements and horizontal scrolling are in the works via scrollable viewports. Stay tuned!

may-05-scrolling

Full Screen for Web Prototypes

Sometimes you need to present or test your prototypes without distractions. For that, we now have full screen for the Web prototype. To enable it, just click on the full screen icon on the top right. To exit, just press the escape key (Esc).

may-06-fullscreen

Check out this video where I show all these features in action:

 

What’s Coming Soon?

Embedding Interactive Prototypes

In order to test, validate and learn fast, now you can get a link to share your prototype. Very soon, you’ll also be able to copy HTML code to embed your prototype on any website, like Behance.

Object Blur

Soon, you will be able to set object blur on objects.

Measurements

The ability to check distances is also one of the most requested features in UserVoice. Very soon, you will be able to select elements and see measurements using Option (Alt) as a hot key. We are still fine tuning a couple of edge cases, but here you can see a sneak of it:

may-07-measurements

Want to Send Us Feedback?

As mentioned before, we are taking a transparent and iterative approach with monthly Adobe XD releases. Being this transparent allows us to work openly with the community in order to get feedback and determine the right set of features designers need. Thank you for being part of this journey with us!

Please submit your feature requests or bugs on our Adobe XD UserVoice page.

For instance, last month, several users reported a problem with bringing in artwork from Illustrator. After looking at this issue, we saw that we were not supporting Ai symbols. And we fixed it!

You can reach out to us on Twitter, and every time you use the hashtag #AdobeXD the entire team can see your tweet. You can also talk to us via Facebook and public forums.

If you share your prototypes created with XD to Behance, please use the hashtag #MadeWithAdobeXD and select Adobe Experience Design under “Tools Used”.

Now, I have a question for you:

We know XD is still in early beta and there is a lot to be done. But what is missing for you to start using it on real projects? It’s ok to be brutally honest!

Feel free to post your answers in the comments section below.

Please download the latest version of Adobe Experience Design and let us know what you think.

Looking forward to hearing your thoughts.

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

Join the discussion

  • By James - 6:11 AM on May 24, 2016  

    It’s a good update but a fair way to go yet…

    Here’s what I need: underline and colouring in text within text blocks is a big one. The ability to add a symbol with an associated prototype link, so I don’t have to keep linking the same artwork over and over again in prototype mode. Some in page linking (back to top, scroll down etc) and I reckon I could then consider taking up assuming the monthly updates would continue.

  • By Ingrid - 6:22 AM on May 24, 2016  

    Hi, new features are cool.
    But I miss to zoom into artboards – especially when I have more than one.

    It is not possible to scroll in design mode.

  • By Hoan Do - 8:54 AM on May 24, 2016  

    Hi Adobe Team!

    I really want to give Xd a chance. But Sketch + Invision workflow is better and better and you guys are still backward.

    Here is my wishlist for Xd and I hope you guys will implement them soon.

    1. Import Sketch and of course PSD files. No one want to restart from scratch, I have to say. The Figma tool just did it and this helps designers so much.

    2. Layer Panel. I know that it is on the way.

    3. Multiple fill, border and shadow. Shadow with zero blur is needed to fake one pixel line too. Use an extra one pixel line make our productivity decreased.

    4. Real data from web by clicking the objects on the webview inside Xd. I saw it from Adobe Conference last year and Invision Craft just cloned it faster than you guys.

    5. Style Management for text and objects. Indesign is the best reference.

    6. Open to make plugin. Sketch plugin converter or some kind of tool.

    7. Specs doc. Marketch plugin for sketch is the best reference I can show you.

    8. Drag Symbols and styles from CC Library, multi states objects (similar to Photoshop’s Layer Comp) to make buttons, icons states (hover, clicked,…) or to change text, color without making a new symbol.

    9. Auto responsive layout and buttons. Figma is the best reference.

    10. Better vector tool. Just see Figma too.

    11. Export to other prototype tools. I know you guys want to do A from Z. But the world of this kind of tool is very huge now.

    Thanks for reading this.

  • By Ed Murray - 9:34 AM on May 24, 2016  

    I just wish you had a Windows version

  • By jerome - 10:02 AM on May 24, 2016  

    Excited about the coming updates. Too bad im just using vmware for mac os just to try XD. I a regular windows user. Hope windows version will be out earlier

  • By Martin - 10:05 AM on May 24, 2016  

    Here is what I need – a WINDOWS version 🙂
    Seriously – stop adding features but provide a Windows version instead. I feel like a little bit left behind cause I am not paying less than a Mac user for the Creative Cloud Subscription. NO – exactly the same. So please Adobe – don’t just say “late 2016”. Make it happen NOW!!!

    • By Lindsay Munro - 10:04 AM on May 26, 2016  

      We’re working hard on this and a Windows version will be available in late 2016. Sign up to be notified: http://adobe.ly/1TIzwRp ^LM

  • By Vitor Fernandes - 10:35 AM on May 24, 2016  

    what I need is a windows version for urgent please !

    • By Lindsay Munro - 10:04 AM on May 26, 2016  

      We’re working hard on this and a Windows version will be available in late 2016. Sign up to be notified: http://adobe.ly/1TIzwRp ^LM

  • By Michael Everitt - 10:48 AM on May 24, 2016  

    You folks using Macs take allll the time you need to fix glitches and add features, so that when the windows version arrives we can enjoy a sweet and robust tool.

  • By Chris Cavallucci - 11:25 AM on May 24, 2016  

    We really need:
    team editing capabilities
    password protection
    widget mgt, sequencing
    FORM ELEMENTS
    masters
    archive/versions/timelines/snapshots of published prototypes
    style editor
    object states (normal, selected, hover, disabled)
    common libraries such as font awesome

    Nice to have:
    Photoshop integration
    multi-person editing on the same artboard
    automatic responsive layouts
    annotations
    export to PDF
    review comments as markers on published prototype
    swipe interactions
    conditional interactions
    visibility controls
    repositioning elements

    Thanks!

    • By @demianborba (Adobe) - 1:58 PM on May 31, 2016  

      Hello Chris,

      These are great requests, thanks for sharing.
      Building a tool from scratch takes time and, hopefully, we will deliver the value you’re looking for.

      Collaboration and password protection will land later this year, as well as symbols, styles and libraries. You can expect a tighter integration with Photoshop and Illustrator in the near future. Same for export and gestures, all in the backlog.

      Please feel free to upvote or create feature requests here: https://adobexd.uservoice.com Thanks again!

  • By Syméon - 12:03 PM on May 24, 2016  

    WINDOWS!

  • By David Blum - 3:04 PM on May 24, 2016  

    I’m an early private beta tester and I’m still disappointed about the pace of developing the new XD. Although Adobe tries to communicate with us designers in early steps, the videos, GIFs and blog posts you write about “new features” just tries to hide how late Adobe to the party is: Sketch / Craft / InVison is way ahead.

    So I wish XD would be revealing true new features instead of selling basic functionality as innovations. And there is a lot of to catch up with basics compared to Sketch. I’m sorry, but I’m just disappointed.

    I think Adobe tries to stop users converting from PS to Sketch with this communication about XD. And I think for a part of the big PS community this works. For the others, it’s disappointing at this time. Run, Adobe, run!

    • By @demianborba (Adobe) - 2:05 PM on May 31, 2016  

      Hey David, sorry if you think we are not moving as fast as you want us to go. We hear you!

      Unfortunately, building a tool like Adobe XD, focused on performance and on the UX challenges of today, takes time. We have some of the best engineers, product managers and designers at Adobe, working super hard on XD. It’s a big challenge, and now that the foundation is there, you can expect more big features landing in the near future, like Layers, Libraries and Collaboration.

  • By yehq - 11:52 PM on May 24, 2016  

    what is missing for me to start using it on real projects

    1在滚动的界面中,让某些元素保持固定
    make Element Stationary,when scrolling the Prototype

    2更多描边功能,比如圆形端点,描边扩展成形状等等
    more Stroke function

    3windows

    my english is not well,help you understand,thankyou!

  • By Amh - 6:35 AM on May 25, 2016  

    What is missing for me to start using it on real projects?
    THE VAGUELY HINTED AT WINDOWS VERSION.
    I’m not a hipster in a coffee shop. I don’t pay for Adobe products just to blog or snapchat. I am a UI/UX developer, a professional and a creative for Fortune 100 companies. Read: I work in enterprise & corporate environments not an agency with a ping pong table. THEY WILL NEVER EVER BE MAC-CENTRIC. I long for the days when Adobe made products for what is actually the most used OS in the business world.

  • By Peter Flynn (Adobe) - 6:04 PM on May 25, 2016  

    To everyone asking about Windows — I can promise we have a whole team actively working on it. It is not forgotten or on the sidelines. We still expect to make the Windows version available in late 2016.

  • By Taro - 8:47 PM on May 25, 2016  

    I need layout mode like Zeplin.
    Because, there are developer that not implement measuring yourself at the raw data xd.
    I have to write the layout instructions for its people.
    So I want a mode that is always to display the distance, color and size.
    Please consider about it.

  • By Ling - 11:42 PM on May 28, 2016  

    It need the icon or style library. When changing the master icon or style, all the elements on different layouts will be updated automatically.

  • By Justin - 8:35 PM on May 29, 2016  

    Hello, Love the updates. I’d like to make a few suggestions that I think would truly make XD even better. There needs to be a way to lock in the tab bar on the bottom of page when scrolling down. This would be an excellent new feature that you could get creative with. You could use this feature to hide top bars when scrolling down, and possibly appearing when scrolling up. I would suggest a simple conditional logic option where we could select what is hidden and shown when scrolling (possible huge game changer for XD). For an example of what I’m talking about please look at the eBay app and search for an item (iOS). When scrolling down you’ll notice the results number at the bottom, the follow, sort and filter at top disappear when scrolling down. While the tab bar on bottom of page and the search bar at top of the page remain. Now when you scroll back up you notice what has disappeared reappears.

    Hopefully someone at XD puts this feature in the next update.

    Thank you for your time,

  • By Thu mua phe lieu gia cao - 4:15 PM on June 2, 2016  

    oh. I just wish you had a Windows version

  • By Lucian - 8:42 AM on June 3, 2016  

    How’s this for a story:

    Say me and a friend go to a store to buy shirts. We both buy the same model, same colour, except my shirt is missing the sleeve buttons. I ask the store manager to fix the problem since we both paid the same amount for the shirts. The store manager says I should come back next year and they will fix my shirt then. And in the meantime I get to keep the paid shirt as it is.

    Not the best example but you get my drift, Adobe!!!

  • By Kara - 1:58 PM on June 6, 2016  

    The ability to start working from existing PS or AI designs would be fantastic!

  • By Kim - 6:00 PM on June 7, 2016  

    Once you add content to an artboard the grid option goes away? The only way I see to get it back is to marque select multiple artboards. Is there a way to just turn on and off the grid on one artboard that has content?

    • By Kim - 6:02 PM on June 7, 2016  

      OK I just found to do this under the View menu but it disappears on the side properties after there is content added. And I see no way to edit this grid.

    • By @demianborba (Adobe) - 11:10 AM on June 21, 2016  

      Yes, CMD + ‘ to activate grids, once you’re artboard is selected. You can marque select or select by clicking on its title. Hope it helps.

  • By jerome - 9:45 AM on June 9, 2016  

    we need windows not doors..just kiddin’ 😉

  • By kadir - 3:46 PM on June 12, 2016  

    I have to say I really like this tool after first thinking that I won’t be using it for at least a year. But actually focusing on the very few things that are important to us as Interface Designers made the process quiet fast for me and the performance + file sizes are also brilliant.

    1) Proper Guidelines
    2) Layer Panel
    3) Allow elements to become sticky elements. This would immensly help designing on one screen and having the preview up on the other screen – it’s a direction into seeing what you have designed.
    4) The Text styling still needs much more flexibility. I am currently preferring working with several text elements.
    5) Export into an industry file format. I sadly can’t do any commercial projects because the XD file just won’t work.
    6) Preview: Take it a step further – give us the option to enable previews with a device.
    7) Animation and Interaction should be on par with Principleformac – else I can’t see it working for interaction – but rather for prototyping.
    8) Thanks for taking out the old color palette (which caused crashes btw)

  • By pixelhint - 8:00 AM on June 13, 2016  

    Very nice! lovin the updates, good luck guys.

  • By mark - 2:49 PM on June 14, 2016  

    I think it’s odd that the design community salivates at the idea of this app and, in the same breath, loathes Dreamweaver.

  • By caleb - 1:45 AM on June 17, 2016  

    I really need ‘Block’ function like the Repeat Grid of adobe xd.
    Now If I change the design of the one icon, I have to change all design of the each artboards.
    I hope adobe xd makes the function of the ‘block’ autodesk uses or ‘link’ indesign uses..
    thank you

  • By Tobbi - 3:20 AM on June 18, 2016  

    One simple feature I really really want is:
    Export all or selected art boards into one big image.
    Thanks.

  • By Edwin - 3:38 PM on June 20, 2016  

    Hi Adobe XD team,

    I have one question. When is the Real-time preview mode for iphone or ipad will be available?

    Thanks.

    • By @demianborba (Adobe) - 11:21 AM on June 21, 2016  

      Hi Edwin, we are working on a companion app for iOS and Android for you to preview your work created in XD.

  • By Mahmood Zidan - 12:10 AM on June 21, 2016  

    I am so damn surprised that no one here mentions the Device Preview!
    How do you guys work? It’s the most basic essential feature for the design process!! The only reason I didn’t use Adobe XD since its release is the absence of this feature. We need live preview through the Adobe preview app in IOS.

    • By @demianborba (Adobe) - 11:22 AM on June 21, 2016  

      Hi Mahmood, we are working, as we speak, on a companion app for iOS and Android for you to preview your work created in XD.

  • By Mat Aldao - 6:39 AM on June 21, 2016  

    WE NEED DEVICE PREVIEW!!! iOS App as soon as Yesterday!!!!!! Previewing in Safari is a totally different experience, and this is what Adobe XD is all about!!!!

    • By @demianborba (Adobe) - 11:22 AM on June 21, 2016  

      Hi Mat, just replied two comments above: “we are working on a companion app for iOS and Android for you to preview your work created in XD.” Stay tuned 🙂

  • By Abra - 11:03 PM on June 21, 2016  

    Good work with the XD!!
    Is it possible to export all the assets on the design? I mean, all the JPEGs, PNGs etc?
    Thanks, Abra