Sketch integration

Sketch integration

Exportar ativos a partir de um desenho Sketch no Zeplin é bastante simples. Depois de selecionar uma camada no seu arquivo Sketch, selecione " Tornar exportável " na parte inferior direita da tela. Em seguida, a Zeplin gerará todas as imagens necessárias com diferentes escalas e formatos automaticamente, adaptadas à plataforma que você está projetando; Web, iOS, Android ou MacOS. 

Ativos com acolchoamentos transparentes

Em muitos casos, você pode precisar exportar seus ícones com preenchimentos ao redor deles, para manter tudo limpo. Digamos que você tenha um ícone de 36 x 36 pixels, mas deseja exportá-lo como uma imagem de 48 x 48 pixels com um plano de fundo transparente. É aqui que entra o recurso "Slice" do Sketch:

• Desenhe uma fatia ao redor do ícone.
• Agrupe a fatia e a (s) camada (s).
• Aqui está a parte legal, selecione a fatia e marque " Exportar conteúdo do grupo apenas "

Mantendo Grupos Juntos

O Zeplin normalmente exibe todas as camadas no seu arquivo Sketch, mesmo se elas estiverem agrupadas. Em algum momento, você pode querer manter alguns grupos juntos, como uma única camada

Exportando grades (layouts) do Sketch ou Photoshop

Quando você define seus layouts / grades no Sketch ou no Photoshop, o Zeplin os exibe automaticamente em projetos da Web. Depois de definir os layouts e exportar as pranchetas para a Zeplin, você poderá ativá-los e acessar seus detalhes no painel direito de cada tela, na guia Informações. 

Exportando estilos de texto do Sketch

O Zeplin exporta automaticamente os estilos de texto de um documento do Sketch quando você exporta qualquer prancheta nele. Esses estilos de texto serão listados na seção "Styleguide" do seu projeto. Para adicioná-los ao projeto permanentemente, você pode adicioná-los usando o botão "Adicionar tudo" ou clicar separadamente naqueles que deseja adicionar. Se você os descartar uma vez, o Zeplin não mostrará os estilos de texto novamente na próxima exportação, para não incomodar você o tempo todo. 

Requisitos de Sistema 

• macOS 10.12+
• Windows 7+
• Chrome 62+
• Firefox 59+
• Safari 11+
• Edge 15+
• Photoshop CC 2015+
• Sketch 44.1+