Check out a short video demonstration of our plug-in:

Some of the design studios using specKing:

About specKing

specKing is a Photoshop plugin that provides tools to generate design specs and annotations

Once the design process is complete, and it's time to start coding (whether you do it yourself or send it over to the development team), it's crucial to provide good specs that will make sure the design is implemented with pixel-perfect precision.

Making the design specs in Photoshop can be a real time consuming task. specKing simplifies this process and lets you instantly measure any sizes, margins, and font properties in any PSD file. Your design specs can be ready in an instant, with just a few clicks.

Whether you're a designer, developer, or member of a team or studio – specKing will help making your workflow faster and better than ever.

Measure Sizes -
Width & Height

Keep forgetting the exact sizes you checked? Select any layer in Photoshop and press the red button. Single layer, multiple layers, layer groups and any combination.

Measure the selected area on JPG, PNG or any other kind of flat graphic file!

  • Width & height of any element
  • Measure width & height of multiple layers
  • Live text labels - can be easily edited
  • Label position & color control

Measure Distances -
Margin & Padding

Instead of ruining your eyes and using the selection tool in photoshop, do it with specKing. Distances can be measured relative to the document or specific area.

Works with any number of selected layers or layer groups at once!

  • Spacing between any layer & the canvas
  • Spacing between any object and selection
  • Label position & color control

Typography Specifications

Tired of having to select each text layer in your photoshop file, open the character panel and get confused? With specKing you can get all font specifications easily at once, and write cleaner CSS.

Get all type properties in one click!

  • Spec font family, size, and color
  • Hex color support - ready for CSS development
  • Live text labels - can be easily edited
  • Label position & color control

Color Specifications & Free Labels

Need to specify colors? No problem - just select the layer or area you want to specify using the selection tool, and get a nice little color label. Need your own labels? Just write the text in the panel and generate multiple labels with one click.

All colors can be specified in HEX, RGB or HSL.

  • Full color specifications
  • Custom labels for highlighting special areas
  • Label position & color control

Retina, Sizes & More Settings

Use the new settings panel to specify color output format, font size, and whether your design scale is standard, retina, ldpi, mdpi, hdpi, xhdpi, or xxhdpi.

Great for mobile app designers and developers.

  • Color format: HEX, RGB, HSL
  • Font size: Small, Medium, Large
  • Design scale: standard, retina, ldpi, mdpi, hdpi, xhdpi, xxhdpi