⚠️ Zeplin currently only works for Photoshop CC 2015 and up, make sure you have a supported version installed.
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. Next up: Collaborating with your team Exporting assets from Photoshop. Adobe Photoshop - The industry standard in design, photography, video editing & more. Sketch - Professional Digital Design for Mac. Zeplin - Collaboration app for UI designers and frontend developers. Zeplin provides capabilities much needed by developers including clarity on “finalized” designs, an accessible design workspace friendly to non-designers, added structure to design screens and of course tailored technical specs built by developers for developers. As a designer, do I have to pay for developers?
Installing the plugin
- Sections in Zeplin. Since the dawn of time, we’ve been getting requests for one more layer of screen organization, which would work nicely with our existing feature, Tags. 🚀 For ones who are not familiar, a quick intro: Zeplin is a collaboration tool for designers and developers that.
- Then when you select any layer inside an artboard (using the selection tool, “V”) the Zeplin panel will display a shiny big button to start the export process. Here's how a Photoshop file with artboards looks like: Exporting designs from Photoshop Exporting assets from Photoshop.
When you launch Zeplin's Windows app, the Photoshop plugin should be installed automatically and you should see the Zeplin plugin in Photoshop. Butter project download mac. If the plugin is not visible, you can install it from Zeplin's menu up top: “Help > Install Photoshop Plugin”
Did you try to install via the menu and didn’t work?
If installing from the menu doesn't work, you can try installing the plugin manually. This requires two different components to be installed, the plugin and the panel.
To install the plugin:
Download the plugin from here. Bonetown mac download.
Unzip it and copy the folder called
io.zeplin.photoshop-plugin
.Paste it under Photoshop’s
Plug-insGenerator
folder.
And finally, the panel:
Zeppelin Photoshop
Download the panel from here.
Unzip it and copy the folder called
io.zeplin.photoshop-panel
.Press Win+R, type
%APPDATA%AdobeCEPextensions
, and press enter. (If theCEP
folder doesn't exist, you can create it manually.)Paste it to the revealed explorer window.
Zeplin Photoshop Plugin
Now when you restart Photoshop, you should see the Zeplin plugin in the menu up top: “Window > Extensions > Zeplin”
Related articles: