Zeplin generates asset formats and scales based on your chosen platform and the density you set for your project. It supports the following densities:
iOS: 1x, 2x, 3x
Android: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
Web: 1x, 2x
macOS: 1x, 2x
Zeplin calculates and displays accurate measurements for developers based on the selected density and platform. Developers can switch platforms anytime using the platform switcher and change the density from the menu on the project dashboard.
💁♀️ Learn more about switching platforms to access specific assets and specs.
Your project density depends on the project type (target platform/device) and the original dimensions of your design. Most designers today work with 1x, which works perfectly—just make sure to select "1x" as your project density. However, if you're working with a scaled file—for example, a 750×1136px screen for iOS—you'll want to choose "2x" instead. In that case, if a measurement is 20px in your design, Zeplin will display it as 10pt to match the developer's expected values.
💁♀️ If you're on a version before Zeplin's Summer Breeze release, you'll see the density information on the right panel of your project dashboard. Click on the pencil icon to change it.
When selecting a density from the selection window, you'll see a list of commonly used artboard sizes below each density. You can use this list as a reference to decide which density to select.
☝️ If you change your project density after exporting your designs, you'll need to re-export them, as Zeplin generates all the assets based on this setting during the export process.
Related articles