Stop spec'ing by hand

Design. Iterate. Spec. Sync.

Add specs to your designs in an instant. Simplify your design to dev production with Specctr's panel and new automated annotation features. Now open source and free to use.

Download Here

Introducing Specctr 3.0

Spec in just a few easy steps!

Our newest panel is better than ever. New options and settings to accommodate both web and print projects. Instantly annotate and measure right from Adobe CC. Change the way you spec forever.

Fast and Accurate

Avoid redlining and long hours of pixel counting. Specctr automates the process with a few easy clicks. Learn more.

New features

The new panel includes automatic property specs, custom notes, dimensions, spacing, coordinates, css download and sync to cloud. Learn more.

It's for print design too!

Specctr can be useful for your print projects as well. Spec spot colors, dimensions in inches and centimeters. Learn more.

Share specs

No more emailing pdfs and jpegs. It's easy to share your design specs with your developer friends. Learn more.

1 CSS “Design Doc”
2
3  
4    H1{
5      font-family: "Work sans", sans-serif;
6      font-size: 25px;
7    }
8 
9    body {
10     font-family: "Work sans", sans-serif;
11     font-size: 15px;
12     line-height: 1.4;
13     color: #6C6F73;
14     background-color: #fff;
15    }

Stay insync

Specctr Cloud Beta

Annotate designs in Photoshop, Illustrator and Indesign. Sync annotated designs to Specctr Cloud. Share annotated designs with developers and other designers.