Getting Started
Zeplin automatically exports assets which are images generated from layers in Adobe XD that are marked for export. To mark a layer for export in Adobe XD, open the Layers panel, hover over the layer, and click the mark for export icon. All Collections. Photoshop Integration. Photoshop Integration +1. 8 articles in this collection. Setting up proxy for Photoshop plugin on Windows.
In order to publish designs from Photoshop to Zeplin, you will need to download the desktop app.
When you download the desktop app, Zeplin automatically installs a plugin on Photoshop. If you’re not seeing the plugin, you can install it manually by following these steps for Mac or Windows.
☝️ It is not possible to publish PSD files directly without using the plugins.
Enabling the plugin
After downloading the desktop app, you can enable the plugin from Photoshop menu up top at “Window > Extensions”.
If you do not see Zeplin under “Extensions,” you can try installing the plugin manually by following the details here:
Publishing your designs
To publish your designs from Photoshop to Zeplin:
Select any layer/artboard in your Photoshop file
Open the plugin and click “Export selected artboards”
Select your project or styleguide then click “Import” to start the export process
Seeing file location
Zeplin shows the location of the file containing the screen if you are the same user who exported that screen and using the same machine (computer) used to publish your design. You can directly open the design file in Photoshop by clicking on the file name.
Photoshop To Zeplin
Next up: Collaborating with your team
Photoshop Spline
Related articles: