We redesigned the spec’ing software to make it a fun to create spec / UI style guide document for your developer or client. You can use it with Adobe Photoshop CC 2014/2015 & Sketch. (more…)

Size Marks is a helpful Photoshop script for web designers and front-end engineers. Script converts rectangular marquee to labeled measurement mark. Landscape marquee → horizontal mark. Portrait or square marquee → vertical mark.

In 2013 Adobe introduced a tool called Generator, which allows you to generate image assets from your Photoshop file in real time. Pretty cool. Only tricky point, you need to rename all your layers to have Generator to export them correctly. This procedure usually takes quite a lot of time, and, as a result, your layer name become quite unreadable. (more…)

A Photoshop plugin to export UI assets from layers.

It provides PNG saving better than Save for Web. Typically creates PNG files 60-70% smaller than 24/32-bit PNG from Save for Web, and unlike 8-bit PNG from Photoshop, always supports semi-transparent alpha channel.

This script, once activated, exports all vector layers named with “.svg” at the end of the layer name as SVG files, along with their shape and color attribute. No more slicing SVGs one by one like a caveman. Finished preparing your layers? Boom!

Script parses image for colors and add them to your swatches library.

Very simple plugin which removes all unused layer effects from your PSD document.

This free script makes it easy to generate iOS 7-style rounded rectangle vector shapes within Photoshop. If you’re curious, you can read about its creation (and the updated shape in version 1.2). The script includes presets for common iOS icon sizes, but all values and options can be modified.

It’s a whole new way of working together. Simplify your design to dev production with Specctr’s new panel and new automated annotation features. Now available in Creative Cloud for Photoshop, Illustrator and InDesign.

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. (more…)

Update multiple layer comps in Photoshop with just one click. Less maintaining, more designing. (more…)

ExportLayerStyle.jsx – exports a Photoshop layer information into a JSON file next to PSD file including layer style raw information (drop shadow, stroke, color overlay, gradient overlay, inner shadow, satin, inner glow, stroke, bevel/emboss…) and opacity, layer name

This script will separate each contiguous group of pixels to its own layer. In the example below, the layer “Image” was split into 3 separate layers.

Visualize Your Productivity Data

What projects did I work on this week? How much time did I spend on each project? How many hours can I bill this week? Am I more effective in the morning? Do I spend more time in Photoshop or meetings? TimeTracker can tell you all this and more.