Getting Started
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. You can enable the plugin from the Photoshop menu at the top, “Window > Extensions”. If you don’t see the plugin, you can install it manually by following these steps: Mac or Windows.
💁♀️ If your Mac is running on an M1 or higher chip, the “Extension (legacy)” menu has been disabled by default on Photoshop. You’ll need to enable the "Open using Rosetta" option.
☝️ It is not possible to publish PSD files directly without using the plugin.
Publishing your designs
To publish your designs from Photoshop to Zeplin, follow the steps below:
Select any layer/artboard in your Photoshop file.
Open the plugin and click the “Export selected artboards to Zeplin” button.
Select your project or styleguide, then click the “Import” button to start the export process.
On the export panel, you can also switch between your workspaces to select the desired project or styleguide.
💁♀️ Zeplin has 100 character limit for screen names. If your artboard has a name with more than 100 characters, it’ll be trimmed to 100 in Zeplin.
If you’d like to export your individual layers or groups into Zeplin as assets, you will need to mark them as assets in Photoshop first. You can learn more here.
Seeing the 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 you used to publish your design. You can directly open the design file in Photoshop by clicking on the file name.
Next up: Collaborating with your team