Zeplin For Sketch



Sketching

Zeplin normally displays all the layers in your Sketch file, even if they’re grouped. At some point, you might want to keep some groups together, as a single layer. After selecting the layer, use the shortcut “ Cmd + Shift + X ”. You can also do this through the menu: “ Plugins Zeplin Utilities Exclude Sublayers ”.

Zeplin for sketchup

Announcing new features for product teams

Introducing Component Variants, Zapier Integration, and new Notifications experience. Learn more.

  1. Get more out of Zeplin, together. Extensions are built by the community to generate code snippets from designs. Pick the ones that fit your workflow, or create your own and contribute. Sketch integration Adobe XD CC integration Figma Integration Photoshop Integration. Collaboration apps. Slack integration Trello integration Jira integration.
  2. Wondershare Mockitt. Wondershare Mockitt is a mobile prototyping tool. Allows you to easily.

Designers have published 6,860,867
6
4
Figma, Sketch and Adobe XD designs to Zeplin for development and collaboration in the past 30 days.

Get started for freeGo to projects →
253px
Radius, 2px
#419BF9
Roboto, Medium, 24px
#FFFFFF

Leading product teams use Zeplin

Explore why →

Publish designs for development

Go beyond specs. With Zeplin, you can publish finalized designs from Figma, Sketch, Adobe XD and Photoshop.

Developers get a 'locked' design to build from, while designers can iterate on the next great release.

Zeplin is the source of truth for finalized designs, if it’s not in Zeplin it won’t be in the shipped product.

Bring together the multidisciplinary team

Zeplin For Sketch

An accessible workspace that is friendly to non-designers including developers, product managers, copywriters and more.

Zeplin also helps the team collaborate by providing much needed organization and structure to native design files.

Zeplin provides an inclusive workspace where team members from varying disciplines like product managers, UX writers and more can come together to deliver on designs.

Extend your design system

Drive consistency by surfacing design system elements where developers can easily reuse them. Then, go even further by using Connected Components to extend designs to code!

open platform

Sketch

Connect your tools and build custom workflows

Leverage your investments in tools like Jira, Trello, Slack and VS Code through deep integrations with Zeplin.
With the Zeplin open API and webhooks, you can also create custom workflows to support your specific needs.

Deliver on the promise of design

☝️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?

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

Zeplin For Sketchup

Zeplin For Sketch

Zeplin Sketch Export

Related articles: