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 grid button on the bottom left.
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 the column layouts you set in your design file.
Adobe XD
With the release of the new XD plugin, it is not possible to view grids on Zeplin.
☝️ Previously, you could set up layouts from the Grid’s section of the Property Inspector and view column layouts on Zeplin. This is no longer possible due to a limitation with XD's plugin API, but we're in touch with their team to restore this functionality.
Photoshop
You can set up layouts from the menu “View > New Guide Layout...” in Photoshop. Zeplin supports only the column layouts you set in your design file.
Related articles: