http://marklyapp.com/

Markly app is the next generation specs design/measurement plugin for Photoshop CC 2014 & Sketch. Loved by designers at Google, Yahoo, Microsoft, and more companies!

How Does It Work?

After you finished your design in PS or Sketch, import your work into Markly, then add coordinate, dimensions, distance or fonts by simple clicking or dragging.

Faster & Easier

No need to manually select & show/hide the element from the long layer list any more! In Markly window, as if you can see an element, you can add any attribute info, like font family, font size, width & height, etc. with a simple click. You may want to measure the distance between two elements? No problem! Drag a line from element A to element B, the distance will be created for you!

Automatic Update!

When you want to modify your design for any reason, no need to measure again for those modified layers. With Markly, all the specs data, fonts, colors, width & height, and even distances between two elements, will be automatically updated for you!

Global Appearance Options

Want to change the color from HEX to RGB? Want to change the label color, line style, etc? Yes, only a single click. The styles will be synced globally.

Smart Measure!

Mobile developers don't use pixel (px) as web developers, however, Markly can automatically convert the measurements based on different screen density.

Shortcut Support (Sketch version only)

 The Sketch version of Markly supports a list of shortcuts to help you make the spec document faster.

 

 

P A S S W O R D : M8234756923869GFXTRANET

 

 TO MAC USERS: If password doesn't work, use this archive program: 

RAR Expander 0.8.5 Beta 3  and extract password protected files without error.