Skip to main content

All the measurements are wrong, half/twice the size!

Learn how to setup your project density so that the measurements are valid

Didem avatar
Written by Didem
Updated over a week ago

If your measurements in Zeplin look off (for example, they're showing up as half or twice the size compared to your design tool), this is most likely related to your project density setting.

What is project density?

Project density defines the resolution scale your team is designing at (e.g., 1x, 2x). Designers only need to set this once per project, and it ensures that measurements, specs, and assets are scaled appropriately for developers.

For example, if you're designing at 1x, a 20px element in Figma will be shown as 20px in Zeplin. But if you're designing at 2x, Zeplin will interpret that 20px as double-sized, and display it as 10px to match the 1x baseline used in code.

If you export your designs and see that the measurements are half/twice the size, this is probably related to your project density. For each project, the density only needs to be selected once by the designers, so that they can pick the “resolution of the design” that they are working on.

Choosing the correct density

In most cases, your designs will be at 1x, and selecting that density in Zeplin will ensure measurements match what you see in your design tool.

However, if you're designing at a higher resolution (like 2x), you can set the project density in Zeplin to match. For example, if a layer is 20px in your design file, Zeplin will display it as 10px, making it easier for developers who are working with 1x values in code.

☝️ Figma, Adobe XD, and Photoshop exports only support assets for 1x density. Even if you change the project density in Zeplin, Zeplin won’t scale the exported asset sizes based on the density setting.


How to fix it

If measurements in your project look incorrect:

  • Double-check the resolution you’re designing at in your design tool (1x, 2x, etc.)

  • Update the project density in Zeplin to match

  • Re-export your designs to Zeplin

💁‍♀️ If you're using Sketch, re-exporting your designs will also regenerate assets based on the updated density. For Figma, Adobe XD, and Photoshop, asset exports will remain at 1x regardless of the density setting.


Related articles

Did this answer your question?