3 Step Overview of Zeplin

1. Invite Collaborators ?  2. Import Designs for Collaboration ?  3. Produce Style Guides and Code


1. Invite Collaborators

  • Open Zeplin and invite designers/developers to collaborate with:

2. Import Designs for Collaboration

  • Import from Sketch using plugin:
  • Or use the photoshop plugin to do the same:
  • Comments on imported designs:
    z1

3. Produce Style Guides and Code

  • Analyze designs within Zeplin to get exact pixel sizes and other properties:
  • Create Style Guides and extract CSS snippets:
    zeplin05zeplin08
  • Export guidelines to XML: