Import Photoshop files into XD
- Adobe XD User Guide
- Introduction
- Design
- Artboards, guides, and layers
- Shapes, objects, and path
- Text and fonts
- Components and states
- Masking and effects
- Layout
- Videos and Lottie animations
- Prototype
- Create interactive prototypes
- Animate prototypes
- Object properties supported for auto-animate
- Create prototypes with keyboard and gamepad
- Create prototypes using voice commands and playback
- Create timed transitions
- Add overlays
- Design voice prototypes
- Create anchor links
- Create hyperlinks
- Preview designs and prototypes
- Share, export, and review
- Share selected artboards
- Share designs and prototypes
- Set access permissions for links
- Work with prototypes
- Review prototypes
- Work with design specs
- Share design specs
- Inspect design specs
- Navigate design specs
- Review and comment design specs
- Export design assets
- Export and download assets from design specs
- Group sharing for enterprise
- Back up or transfer XD assets
- Design systems
- Cloud documents
- Integrations and plugins
- Work with external assets
- Work with design assets from Photoshop
- Copy and paste assets from Photoshop
- Import or open Photoshop designs
- Work with Illustrator assets in Adobe XD
- Open or import Illustrator designs
- Copy vectors from Illustrator to XD
- Plugins for Adobe XD
- Create and manage plugins
- Jira integration for XD
- Slack plugin for XD
- Zoom plug-in for XD
- Publish design from XD to Behance
- XD for iOS and Android
- Troubleshooting
- Known and fixed issues
- Installation and updates
- Launch and crash
- Cloud documents and Creative Cloud Libraries
- Prototype, publish, and review
- Import, export, and working with other apps
Learn how to import or open your existing Photoshop designs in Adobe XD.
Adobe XD has always complemented Photoshop by letting you create your designs in Photoshop and getting them into XD. Here are some ways to get your Photoshop files into XD:
|
Open Photoshop files in XD |
|
|
From XD, select File > Import. Imported Photoshop content is placed within the opened XD file. |
Drag the Photoshop asset from the browser onto the XD icon on your computer or right-click the asset and Open with > XD. A new XD document is created. |
The imported files retain the artboards and layers, and you can edit them in XD, wire interactions, and share them as prototypes or design specs.
With XD 57, Adobe has improved color management functionality in XD. When you import or open an asset that has an sRGB color profile from Photoshop into an XD document that has an sRGB color profile, you get consistent colors. If the XD document has an Unmanaged color profile, you get a message that prompts you to switch the color profile to sRGB.
Try it yourself
Here is a sample file that you can download to try out the import workflow:
Learn more
To learn more about importing a Photoshop design into XD, watch this video.
Viewing time: 1 minute
What's next?
We've got you started with importing assets from Photoshop to XD. Take a step forward and learn how to copy and paste designs from Photoshop into XD.
Have a question or an idea?
If you have a question to ask or an idea to share, come and participate in Adobe XD Community. We would love to hear from you and see your creations.