⚠️ We're working on the Zeplin plugin is incompatible with Sketch 71 issue and already in contact with the Sketch team to fix this.
HTML & JavaScript Projects for $30 - $250. Need to convert to code a site (not large) about 6-7 pages from an Illustrator file or Zeplin to HTML & CSS & JS Require someone who is talented and quick to work without problems. Exporting Designs From Sketch to Zeplin. Zeplin works as a plugin within Sketch, so uploading designs is a one click job. Here’s how to start a project: Starting a Zeplin project. Download Zeplin (mac only) & install. Developers won’t need to be running OS X as they’ll only need to access the web-based tool to gain access to content. Create projects.
If you're using Sketch 71, you can still publish your designs using the plugin even if it is incompatible—enable the Zeplin plugin and relaunch both Sketch and Zeplin apps.
Zeplin uses SketchTool to export the data and the images out of Sketch. This tool does have certain known issues that you should watch out for. 🕵️♀️ We're already in touch with the Sketch team and will keep this list updated as they are fixed!
Make sure to try exporting again if you run into an issue, and if it continues, check if it matches any of the known issues below.
☝️ If you're having network issues while uploading, like timeouts or bad request errors, check out our Fixing connectivity issues article instead.
Missing libraries
If you have a library enabled that is not stored locally on your machine, you might encounter an error: “Extracting Sketch document and library documents failed with an unusual error.” or “Copying filename to a temporary directory failed.️ Make sure that you have access to the file or try disabling unused libraries.”
This usually happens if you're on the older version of Zeplin and when you're exporting a file that has a library enabled that is not stored locally on your machine and Zeplin can't access it.
We released an update to fix in version 3.5 for this issue. Make sure that you are on the latest version of Zeplin and enable 'Use New Export System' option under the Zeplin > Sketch Integration menu.
Large artboards or layers
If you have artboards or exportable layers that are too large, you might encounter an error: “Exporting image failed with an unusual error.”
This usually happens when you're exporting a large artboard that has multiple screens in it. You can either export those screens separately or you could try dividing the large artboard into multiple artboards. See the sample large artboard below:
Invisible lines
Certain invisible lines in your vector elements might cause an error: “Exporting image failed with an unusual error.”
This occasionally happens on vectors you bring in from other apps, like Illustrator. Deleting these layers should fix the issue.
Layer names
If you have some layers which names are 'object' instead of 'string', you might encounter an error: “Exporting artboards failed with an unusual error.”
You can rename all of these layers as string names and then try to export the file again.
Colors
Zeplin exports document colors or colors set up in layer styles, from Sketch. If you don’t set your colors as document colors or layer styles colors in your Sketch file, you might encounter an error while trying to export colors: “Exporting colors failed, no colors found in Sketch document.”
You can set your colors like below in Sketch and then try to export them again.
Others
If none of these solves the issue, there's another workaround you can try: Copy the artboard, paste it in a new Sketch document and try exporting it from there.
Hope these help! If you're still having an issue, you can contact us at support@zeplin.io.
Related articles:
Announcing new features for product teams
Introducing Component Variants, Zapier Integration, and new Notifications experience. Learn more.
Designers have published 6,860,86764 Figma, Sketch and Adobe XD designs to Zeplin for development and collaboration in the past 30 days.
Illustrator Spline
Get started for freeGo to projects →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
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!
Illustrator To Zeppelin Free
open platform
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