Zeplin introduces AutoSpecs: autogenerated specs and component tests from designs

Tech · 3 min read

AutoSpecs analyzes exported screens and produces a comprehensive spec sheet including spacing, colors, typography, and interaction notes. It can also scaffold unit-style visual tests that capture baseline renders for components and flag regressions during CI runs.

The tests are framework-agnostic and export as JSON or as ready-to-run snapshots for popular testing stacks. Zeplin added integrations with CI tools so teams can block merges when design regressions are detected beyond an allowable threshold.

Zeplin positioned AutoSpecs as a way to reduce visual drift between design and product while making design review a more measurable part of the development lifecycle. The feature includes an approval workflow so designers can gate which specs feed into test baselines.