Adobe Creative Cloud

March 23, 2016 /UX/UI Design /

Five Ways to Get Started in Adobe XD

Getting started with a brand new tool is always a tough sell. Therefore, I wanted to write up a few quick tips on how you can bring some of your existing content into Adobe Experience Design CC (aka Adobe XD).

1. From Photoshop

  • Right now, Adobe XD supports copy and paste of bitmaps from Photoshop. To get this to work:
  • Make a selection in your PSD.
  • Use the menu item Edit-> Copy (for a single layer) or Edit-> Copy Merged (for all layers).
  • Cmd+V in Adobe XD.

getstarted 1

Copy a selection from Photoshop to paste into Adobe XD.

2. From Illustrator

With the current release, XD supports copy and paste of vectors from Illustrator.

getstarted 2

Copy vectors in Illustrator to paste into XD.

Vectors from Illustrator are pasted into Adobe XD in a group. You will need to double-click into the group to edit the vectors in Adobe XD.

getstarted 3

Change anchor points, styles and properties of any path created in XD that came from Illustrator.

Note, embedded images in your designs won’t come into XD from Illustrator yet. We’ve fixed that and it is coming in a future update.

3. From Sketch

Because Adobe XD supports SVG import, you can bring Sketch layers into an XD design in just a couple of steps.

  • Select the group or layer in Sketch that you would like to bring into XD.
  • Make the group or layer exportable. Select “SVG” as the format.
  • Drag that layer into the Adobe XD canvas.
getstarted 4

Layers in Sketch marked as exportable to SVG can be dragged into Adobe XD.

 

4. From Finder

Right now, you can drag in a PNG, JPG, GIF, TIFF or SVG file from your local file system onto the Adobe XD canvas. All of these images will come in at the 100% of its original size except for JPGs. We bring these in at 50% of the size with the belief that this will make large images easier to work with. If this isn’t what you want, let us know! We’d love your feedback on this behavior.

Also, if you are using Adobe XD’s Repeat Grid tool. You can select and drag images from Finder to populate a series of shapes.

getstarted 5

Drag and drop a series of images from Finder into a Repeat Grid.

 

5. From the Browser

You can copy/paste any image from the browser into Adobe XD. Right now, our public release doesn’t support drag and drop of images from the browser, but, that is coming in the next update!

That’s all for now. Adobe XD remains in its infant stages and we plan to support a wider breadth of interoperability with existing design tools. I would personally love to hear your feedback on how you would like to bring content into XD. Please file these requests on our feedback site.

We have a lot to build, help make the journey with us!

UX/UI Design

Adobe XD is a new experience in user experience.

Design and prototype websites and mobile apps with Adobe Experience Design CC (formerly Project Comet), the first all-in-one tool for UX designers. Test drive the XD preview for Mac and tell us what you think.

DOWNLOAD

Join the discussion

  • By Shannon - 1:33 PM on March 23, 2016  

    When is this going to be ready for window users?

  • By Sergey - 10:41 PM on March 23, 2016  

    No Ways to Get Started in Adobe XD from windows (

  • By Carolyn - 9:19 AM on March 24, 2016  

    Seriously! Leaving out Windows and Android users is a huge mistake Adobe.
    I teach on both platforms and this Mac only focus is completely wrong.

    • By RK - 10:54 AM on March 28, 2016  

      They did the same with Adobe Fuse and a few of their mobile apps as well (initially). Quite clear that they favor the Mac platform.

  • By Russell - 8:47 PM on March 24, 2016  

    Will there be in the next update or at all, an option to copy and paste from XD into other adobe programs?

  • By Sader - 12:01 PM on March 28, 2016  

    Ignoring Windows is a huge mistake and a big turn off for me. I also love Macs and I have a Mac laptop but my desktop is a Windows machine (where I get most of my work done)…

  • By yehq - 11:23 PM on March 28, 2016  

    Six Ways to Get Started in Adobe XD

    1.you need to get a mac
    2..
    3….
    4…..
    5..
    6…

  • By Javier - 3:12 AM on March 30, 2016  

    Bad politic with windows users

  • By Darren - 3:12 PM on April 6, 2016  

    And what competition is there to take from on Windows? If Adobe wants to stop any potential erosion from Sketch, they need to start their focus on Apple. It is also easier to begin with a closed system like Apple. With Windows, it would still be in an alpha state because of the complexity of the platform offerings.

    That said, I would venture to bet that Adobe will go there with Windows.

    It is a smart way that Adobe took with this, starting LEAN and building out as they learn. They minimize cost and exposure.

  • By Donald Trump - 6:52 PM on April 12, 2016  

    Adobe already said they were releasing a Windows version later this year. So what if Mac users get it a few months earlier. Get a freaking life.

  • By vishal - 3:36 AM on April 18, 2016  

    when is the launch of adobe xd on windows we are waiting for the same