💁♀️ Watch our tutorial to learn more about publishing designs from Sketch:
Exporting artboards from a Sketch design to Zeplin is quite straightforward. 🚀 To be able to export designs, you need to download the desktop app first.
Once you have installed and opened up the desktop app, the Sketch plugin will be installed automatically. To export your artboards:
Select any layer/artboard in your Sketch file.
Press ⌃⌘E or use the menu up top “Plugins > Zeplin > Export Selected…” to start the export process.
On the project selection window, you can switch between your workspaces to choose the desired project.
Exporting symbols work exactly the same as exporting artboards. Simply select a symbol or multiple symbols (which are usually located in the Symbols page in Sketch) and press Control + Command + E to begin the export process.
💁♀️ Zeplin has 100 character limit for screen names. If your artboard has a name with more than 100 characters, it’ll be trimmed to 100 in Zeplin.
☝️ It's sadly not possible to import Sketch files directly into Zeplin since Zeplin works with a plugin. If you don’t see the plugin in the Sketch menu, you can install it here.
Seeing file location
Zeplin shows the Sketch Cloud file location on the right panel of the screen both on the Mac app and the Web app, depending on members' roles in their workspaces:
Free plan: All project members
Team plan: Editor/Developer, Admin, and Owner
Organization plan: Editor, Admin, and Owner
Enterprise plan: Editor, Admin, and Owner
You can directly open the design file in Sketch Cloud by clicking on the file name.
☝️ If you're working with a local Sketch file, Zeplin shows the file location if you're the user who exported that screen and you're using the same machine that you used to export.
Next up: Collaborating with your team