- InVision, Avocode, Adobe XD, Sympli, and Figma are the most popular alternatives and competitors to Zeplin. 'Collaborative' is the primary reason why developers choose InVision.
- Get more out of Zeplin, together. Extensions are built by the community to generate code snippets from designs. Pick the ones that fit your workflow, or create your own and contribute.
Convert sketch to zeplin. Just this march 6 860 876 designs from sketch figma adobe xd and photoshop cc were exported to zeplin by thousands of product teams. Normally when you launch zeplin sketch plugin should be installed automatically. Now you should be able to see zeplin under sketch s plugins menu.
Photoshop Zeplin Extension
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:
Photoshop Spline Tool
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
How To Use Zeplin With Photoshop
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.