Layout Specs allow you to see Auto Layout and Constraints in your designs—helping you understand how a layer should behave according to its parent (referred to as "container" by developers) or children (or "item" by developers).
Designers save a lot of time by using Auto Layout and Constraints. They set up parent-child relationships between layers with custom distribution, spacing, and resizing configurations. Layout Specs in Zeplin deliver this information to developers through the canvas, the right panel, and the code snippets.
Publishing designs with Layout Specs
When you set up Layout Specs on Sketch, Figma, or Adobe XD and publish your designs to Zeplin, you will be able to inspect them directly. Layout Specs in Zeplin currently supports:
Constraints and Resizing settings on Sketch, Figma, and Adobe XD
Auto-layout specs on Figma
Content-Aware Layout specs on Adobe XD
☝️ If your screens were published before Zeplin started supporting Layout Specs (June 2021), you will need to re-publish your designs to Zeplin first to enable Layout Specs.
If you have any questions or suggestions for Layout Specs, reach out to us from the chat bubble below—we're happy to help!