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:

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:
  • Export guidelines to XML: