Invision To Zeplin

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. 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.

Zeplin vs InVision: I work for a service company as a lead developer and we have been using these tools on different projects for mockup integration.I teamed up with France Wang, lead designer at BAM, to list the pros and cons and give you our combined point of view on these design handoff tools. InVision is the digital product design platform used to make the world’s best customer experiences. InVisionApp, Inc.

Enabling the plugin

After downloading the desktop app, you can enable the plugin from Photoshop menu up top at “Window > Extensions”.

Invision

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” Microsoft office 365 mac app store.

  • Select your project or styleguide then click “Import” to start the export process

Seeing file location

Invision vs zeplin

Invision Studio To Zeplin

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.

Invision Vs Zeplin

Next up: Collaborating with your team

Related articles: