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

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 column layouts you set in your design file.

Related articles:

Did this answer your question?