Zeplin For Sketch

Get started with Zeplin+ Download the Zeplin desktop app for Mac or Windows. You can use the app. 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?

Exporting assets from a Sketch design in Zeplin is quite straightforward. After selecting a layer in your Sketch file, select “Make Exportable” from the bottom-right of the screen.

After this is selected, Zeplin will generate all the necessary images with different scales and formats automatically, tailored to the platform you’re designing for; Web, iOS, Android, or macOS.

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. Zeplin has native apps for Mac and Windows. They also have a web app that can be used for your teammates. The web app is view only.To export from Sketch or F.

Assets with transparent padding

In a lot of cases, you might need to export your icons with padding around them, to keep everything neat. Let’s say you have 36px ⨉ 36px icon but you want to export it as a 48px ⨉ 48px image with a transparent background.

This is where Sketch’s “Slice” feature comes in:

Draw a slice around the icon.
Group the slice and the layer(s) together.
Here’s the cool part, select the slice and check “Export Group Contents Only”: