![sketch zeplin sketch zeplin](https://miro.medium.com/max/4194/1*x5y2vLvpogCGMNBuIivEaQ.png)
![sketch zeplin sketch zeplin](https://sdos.es/sites/default/files/styles/blog_post_header_large/public/Blog/Header_image/Como-exportar-elementos-de-Sketch-a-Zeplin---SDOS_0.png)
Select the project resolution which matches your Sketch artboards (e.g., 1x, 320px).ĥ.This is because Zeplin will generate different code based on the type of the project. Note that you should have separate projects for iOS and Android, even if the designs are identical. Select the type of project you are building.This step will allow engineers to export assets directly from Zeplin.A slice icon should now appear next to your group’s name. With the group highlighted, locate the action “Make Exportable” on the lower right-hand side of your “Inspector” in Sketch and click on this option.Click on a group within a symbol, such as “ic-menu” (the folder icon).Once your assets are grouped into symbols, open the Symbols page in your Sketch file. These will show up in your Zeplin-generated style guide. Save colors into your “Document Colors” palette and fonts as “Text Styles” in your Sketch file.This will allow you to set up components in Zeplin.
![sketch zeplin sketch zeplin](https://miro.medium.com/freeze/max/450/1*zdVuBNsYXzJaGVTFV1x9dg.gif)
Create symbols for common elements and assets within Sketch.
![sketch zeplin sketch zeplin](https://uploads.toptal.io/blog/image/127224/toptal-blog-image-1537500762074-a635a6bffc3386650c1243ca943258ef.jpg)
Depending on what type of project this is (e.g., iOS, Android, or web), Zeplin will automatically adjust the assets’ naming convention, making exporting them a one-step process. If collaborating with other designers, determine conventions that work for everyone on your team.