It can take a very long time for a front-end developer to work with layouts: if all sizes are not indicated on the layout, measure, if the elements are poorly arranged in folders, arrange, if you need to clarify something with the designer, contact the designer, and so on.

To simplify the hard work of a front-end developer, we have collected 22 plug-ins for Photoshop, which will help you significantly save time when making up your next layout.

Hexy

It’s sad to select layers in a layout and run the color picker every time just to get the hexadecimal value of a particular color. Hexy lets you use the Eyedropper tool: click on the color of an object and copy it directly to the clipboard.

Griddify

Griddify is small and fast. It will help you create your own mesh and do a bunch of other things with Adobe Photoshop guides.

Size Marks

Size Marks is a very useful script for a web designer or front-end developer. It makes it easy to measure the outer margins of elements.

Velositey

Velositey is a full-featured open source add-on for Photoshop. Designed to create boring things so you focus on styling the site.

Random user

Random User creates “users” to fill in the layout when creating a site, thus saving you time.

Kaku

Kaku is a simple plugin for translating layer names into different languages.

LiveShare PS

LiveShare PS allows you to broadcast online demo Photoshop documents.

LayerCraft

The plugin exports UI elements from layers.

Ink

Ink is a plugin that gives you additional information about your layout by documenting your layers from typography to layer-sized effects.

Modular grid pattern

Modular Grid Pattern is an application for web designers to quickly create a grid in Adobe Photoshop.

Photoshop Social Shar

Photoshop Social Shar is a free plugin for sharing your designs.

Pngquant

Pngquant – Provides .png saving better than Save For Web. The generated files are 60-70% smaller than 24/32-bit PNG for Save For Web and, unlike 8-bit PNG, supports a semi-transparent alpha channel.

Bounce

Bounce is a free add-on that adds access to the Dribbble community in Adobe’s design products.

Retinize It

Retinize It lets you prepare your designs for retina display devices.

Free photoshop script: Export your vector layers from PS to SVG in a single click! It

This script allows to batch save vector layers with the “.svg” extension.

Lighten / Darken Color (Script)

This script helps to work with color.

Corner Editor

This tool allows you to specify the fillets of each corner separately. From the preview, this will be available in CS7, but it will also be useful in the current version.

Group Layer Renaming (Script)

The script batch renames the layers in the layout, it is also available to export layers by tags from their names (analogous to Slicy).

Realsizer

The script was created for developers of mobile device interfaces. Allows you to view and print your design in real size.

Transform Each Beta (Script)

Transform Each lets you batch transform layers in the same way as in Adobe Illustrator.

12 New Photoshop Tools for CS6

Additional socket with 12 useful tools.

Free Lorem Ipsum Generator

Fish text generator for Photoshop, Illustrator, InDesign & Dreamweaver.

Source: habrahabr