When you set your layout grids on Sketch, Figma, Adobe XD, or Photoshop, Zeplin automatically displays them on your projects.

After setting the layouts and exporting the artboards to Zeplin, you'll be able to enable them and access their details from the right panel on each screen, under the Information tab ℹ️.


Setting up layout grids

Sketch

You can set up layouts from the menu “View > Canvas > Layout Settings...” in Sketch. Zeplin supports both column and row layouts you set in your design file.

Figma

To set up layouts, click the + icon next to Layout Grids in the Properties Panel in Figma. Zeplin supports only column layouts you set in your design file.

Adobe XD

You can set up layouts from the Grid’s section of the Property Inspector. Zeplin supports only column layouts you set in your design file.

Photoshop

You can set up layouts from the menu “View > New Guide Layout...” in Photoshop. Zeplin supports only column layouts you set in your design file.

Did this answer your question?