/ Design

How to efficiently import images from Photoshop to Adobe XD

Ever since Adobe Comet was announced 2 years ago, we’ve had the chance to play around with the software and eventually incorporate it into our workflow for all our client projects. The more we used the software, the more we learnt how to use it more efficiently and effectively.

Adobe XD was designed to work with other Adobe tools like Adobe Photoshop and Adobe Illustrator. Adobe Photoshop is the most powerful tool for photo editing and Adobe Illustrator is the most powerful tool for vector creation.

Tutorial
After using Photoshop, it’s a hassle to go through the drop down menu and choosing the option to save the image and then importing it into Adobe XD, only to realize the image doesn’t fit in with the rest of the User Interface Design, thus wasting our precious valuable time.

But we found there was a faster way around this.

First Step
In Photoshop, we have to merge multiple layers into a single image layer.

Second Step
Hit Cmd + A (Mac) to select all and Cmd + C (Mac) to copy to clipboard.

Third Step
Go to Adobe XD and Paste into the document (cmd + v) Mac.

Benefits

  • It will speed up your workflow by 20 seconds
  • Automatically paste images with transparent backgrounds (if you’re using the latest update of Photoshop)
  • Automatically behaves like a smart object, retaining image quality when scaling up and down