Zeplin – Choosing right screen size while importing from Sketch?

I came to know about Zeplin through one of our clients. Zeplin is a collaboration tool between designers and developers. It helps in generating style guides and resources automatically.

I faced an issue when exporting the assets from Zeplin. The images size (@1x, @2x, @3x) seemed to differ than the required size. I found that, it is because I had chosen the wrong screen size (density) while importing the Sketch file (screen).

zeplin-density

So when you import the Sketch file into Zeplin, make sure you choose the right density same as what you had used in Sketch.

e.g.

Screen Shot 2016-01-28 at 3.18.49 PM

I wanted to share this, since I could not find any official explanation and hoping it would be of some help to people facing this issue.

To know more read Zeplin – Collaboration between UI Designers and Front-end Developers

Satheesh,
FronEnd Developer Trainee,
Mallow Technologies.

5 Comments

  1. az

    Thanks for sharing.
    I faced the same problem a while ago as well, and there wasn’t any doc explaining this.

    Well done!

  2. […] You can also have a look at our blog on Choosing right screen size while importing from Sketch […]

  3. Fernando Baz

    Very helpful. One thing to add: I spent some time trying to find how to change density in Sketch. You won’t find a preference, this is done when you export the document.

  4. Viraj

    Thanks a lot! I faced a similar problem!

    1. Gopal

      Welcome !! Hope it solved your issue.

Leave a Comment

Your email address will not be published. Required fields are marked *