☝️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?
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. Is it possible to add Zeplin file and exporting? For example, how it's done in Photoshop - https://support.zeplin.io/en/articles/1067453-exporting-designs-from-photoshop.
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).
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:
Adobe released Artboards feature a couple years ago. It mostly focused on UI designers, letting them iterate fast and stay organized. Each artboard in your Photoshop file is separately exportable and represents a screen in Zeplin.
Check out Adobe's article to learn more about them: https://helpx.adobe.com/photoshop/using/artboards.html
If you haven’t worked with artboards yet, it’s quite easy to convert groups or arbitrary layers into artboards, by simply right-clicking on the Layers panel and selecting “Artboard from Group…” or “Artboard from Layers…”.
Zeplin Photoshop 2021
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:
Zeplin Photoshop Svg Export
Zeplin Photoshop Plugin
Related articles: