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:

✌Join us for more

1000s have recommended us, sign up today for free.

  • Stay up to date with prototyping tools and design news.
  • Comment and give feedback.
  • Become an author and share your expertise.
Sign Up