Posted   by 

Zeplin Mac

☝️To start using the apps, you will first need a Zeplin account. If you don’t have one already, you can sign up for free here: https://app.zeplin.io/register

Why do I need to download the desktop app?

Here's a complete walkthrough to your Zeplin Mac: Go to the Zeplin official site, download, and install the Zeplin Mac app in your machine. Zeplin Mac app comes up with a pre-installed Sketch plugin. After installing Zeplin on your Mac machine, you'll get one project for free. Once you installed the Zeplin Mac app, choose your project devices.

Zeplin is a perfect place to have an up-to-date repository for pixel-perfect comps which anyone can see and comment on. Everybody is loving to work with Zeplin:) AJ Maiorano. Product designer, Pinterest. Ready to export your first design and share with your team? Download the Mac app. Learn how to remove Zeplin Mac and Windows apps. Written by Didem Updated over a week ago Changing units Learn more about why Zeplin converts units from px to pt or dp.

Zeplin works with a plugin in Sketch, Figma, Adobe XD and Photoshop. When you download the Mac or Windows app, it automatically installs these plugins for you.

If you’re a designer, you can export your designs using these plugins through the desktop app. Then Zeplin generates all of the resources that developers need like specs, assets and code snippets, tailored to the platform's needs (iOS, Android, Web and macOS).

Zeppelin Download

If you’re a developer, you can use Zeplin’s web app to access the projects: https://app.zeplin.io. It's not required for you to download the desktop apps.

Next up: Creating a project

Related articles:

⚠️ Make sure that you're running Photoshop CC 2015 or later.
Normally when you launch Zeplin, Photoshop plugin should be installed automatically. If not, you can install it from Zeplin's menu up top: “Zeplin > Photoshop Integration > Install Plugin…”

Installing manually

If installing from the menu doesn't work, you can try installing the plugin manually. Two pieces need to be installed, a plugin and a panel.
The plugin:

Mac

Zeplin Mac Download

Zeplin Mac
  • Download the plugin from here.
  • Unzip it and copy the folder called io.zeplin.photoshop-plugin.
  • Paste it under the Applications/Adobe Photoshop CC 2019/Plug-ins/Generator (update the Photoshop version in the directory if you are using an older version. i.e. Applications/Adobe Photoshop CC 2017/Plug-ins/Generator ).


And finally, the panel:

  • From the Finder menu, select “Go > Go to Folder…”, type ~/Library/Application Support/Adobe/CEP/extensions , and click Go. (If the CEP directory doesn't exist, you can create it manually.)
  • Download the panel from here.
  • Unzip it and copy the folder called io.zeplin.photoshop-panel .
  • Paste it to the revealed folder in Finder.

Zeplin Photoshop Plugin Mac

Zeplin photoshop plugin mac

Zeplin Sketch Plugin Mac

Now when you restart your Photoshop, you should see the panel in the menu up top: “Window > Extensions > Zeplin”