12 Free Photoshop Plugins for Web Designers

If you don’t do Photoshop, you live in Mars. I mean start now. If you are a web designer then just create amazing images and designs with this selection of Photoshop plugins available. The plugins are useful, creative, time-saving and effective for designers or photographers.

Photoshop is a powerful and creative platform that capable of producing sublime images, high-quality video and also create very passable 3D renders. The tool using plugins can help to extend its capabilities and use it to its full potential. While using an add-on can help you perform difficult tasks in a more efficient manner and also enabling you to spend more time on design.

There are thousands of plugins available on the market today, but many are outdated and no longer work with updated versions of Photoshop. In this article, we’ve collected the best free Photoshop plugins for designers. You just download, install and start using right away.

We are focusing on a variety of free Photoshop plugins best suited to web and graphic design, to speed up workflow. The plugins can help with a range of functions, including layer control, icon exploration, exporting assets, guides and fonts.

1. CSS3Ps

css3ps

CSS3Ps is a free cloud-based Photoshop plugin that converts your layers to CSS3, SCSS and SASS syntax in seconds. This plugin is easy to use. Just select your corresponding layers for the object and click the CSS3Ps button, then it will be redirected you to the CSS3Ps webpage where the output is generated.

The plugin features a text layers, border radius, multiple layers, stroke, evidence, size, gradient overlay, inner glow, outer glow and drop shadow. In addition, CSS3Ps also added the vendor prefixes for cross-browser compatibility. It is worth noting that in order for the plugin to convert appropriately, make sure you need to use the correct Photoshop effects. This plugin is available for Photoshop CS3 up to the latest Photoshop CC.

2. GuideGuide

guideguide

GuideGuide is a simple free Photoshop plugin which makes it easy to create a grid system in your Photoshop document. GuideGuide provides pixel accurate columns, rows, midpoints, and baselines can be created based on your document or selection with the click of a button. The plugin works with Photoshop CS5, CS6 and CC.

You can use the plugin to measure exactly how wide a navigation element should be to fit evenly across the width of a site, creating baseline grids and element padding, too. You can also save your favorite grids as sets so you can use them whenever you need them.

3. Social Kit

socialkit

Social Kit is a free Photoshop plugin that provides customizable templates for four of the biggest social networks like Facebook, Twitter, YouTube and Google+ along with a variety of social buttons. The plugin has fully sliced and customizable templates, and the plugin automatically updates when there’s a minor change to the social sites’ designs. The plugin works with Photoshop CS5, CS6 and CC. You can see your design changes right when you make them, as well as you can add contributors to projects to help improve it.

4. Cut&Slice Me

cutandsliceme

Cut&Slice Me is an easy to use Photoshop extension for simplifying the process of cutting and slicing design. The plugin lets you export your assets to different devices like iPhone, Android or Desktop devices in seconds and improve your workflow by just renaming your layers. Initially, you have to organize your layer objects into folders as Cut&Slice Me checks only group names, and also you need to add the “@” symbol at the end of the layer group name you want to export.

You can cut and export files in PNG format, trimming unneeded pixels or specifying you size you require as well as exports your button states. Exported files have unsupported characters in the file name removed, with support for .hdpi, .ldpi, .mdpi and .xxdpi. While Photoshop hasn’t changed the way, it exports for the web for years, but Cut&Slice Me offers new capabilities, allowing overlapping slices, multiple button states and even exporting different resolutions of the same assets to cater for different screen sizes and devices.

5. Griddify

griddify

Griddify is a tiny Panel in Photoshop that helps you to compose custom grid systems. Griddify is a tiny, fast and small plugin/extension for Photoshop CC and CS6. The extension adds an intuitive panel to Photoshop that includes three simple, but wide-ranging, options like Griddify, Divide, and Wrap.

First option is vertical, left to right, just enter a pixel value and hit ‘Griddify’ and a guide will be added at intervals matching the value you entered. Yet you can enter too many numbers, giving you the option to create columns and gutters. Next click the orientation button and add guides horizontally to create your baseline.

Then Divide option, which is excellent for laying out responsive sites. It splits the selected area into the specified number of sections. Last, the wrap option adds guides to the edge of your selection.

6. Velositey

velositey

Velositey by designers Dan Ross and Kieran Black is a completely free Photoshop Plugin to help you Prototype the design of your website in seconds in Photoshop. Velositey specifically aimed at teams of designers and developers — spend more time perfecting the details and styling and less time on all that boring stuff. It comes with a pre-generated 1170 grid system and comes loaded up with standard elements to get you started quick – including five headers, six sliders, five content areas, 11 footers and eight single modules.

7. Layrs Control 2

layrs

Layrs Control 2 is a free plugin that houses a collection of scripts that make the tedious job easier. The plugin has 7 main features, including a layer name editor to rename layers and folder, remove unused effects, and flatten all layer effects. It also includes delete empty layers, rasterize smart objects, find similar files/folders and convert to smart object.

8. Random User Generator

random

When designing, you might need some placeholder faces or random names to be included in your design. Random User Generator is a Photoshop extension that will generate a random face and name for you in one click, and then you can copy and paste onto your canvas.

9. Interface Tools

interface-tools

Interface Tools is a little free plugin from Elliot Jackson takes all that annoyance away. Turn snapping on and off, trim a document or “save for web” with one click. From having all the interface tools in one easy to navigate panel to adding some great shortcuts, this plugin has everything. It has some great time savers as well as having access to all necessary tools and quick shortcuts all in one place. The plugin works with Photoshop CS6 and CC.

10. BlendMe.In

blendmein

BlendMe.in is an extension for both Photoshop and Illustrator that allows you search thousands of assets (including popular icon packs) that you can simply drag and drop into your canvas and continue work. All of the icons are vectorial and have been inserted as smart Photoshop objects and are infinitely scalable. They are provided under a Creative Commons Attribution 3.0 Unported License, so you can use them in your personal and commercial projects.

11. Flaticon

flatiocn

Flaticon is a free plugin for designers and developers, especially web designers, will use daily. The largest database of free vector icons, it allows you to download all of its thousands of icons in SVG, PSD or PNG formats. The plugin lets you quickly find all the icons without leaving your working environment, and you can also convert icons into web fonts.

All icons are vector shapes, so you can resize and edit them without losing quality. You have instant access to more than 60,000 icons. The plugin works with Photoshop CS5, CS6, CC and CC 2014, and it’s compatible with both Windows and Mac OS X.

12. Transform Each 2.0

transform

Tranform Each 2.0 is a completely free powerful plugin with a lot of features and controls. It is a handy Photoshop script that allows you to make individual transformations with a group of layers. The plugin is great to re-sizing multiple elements without having to re-position them each time. They added option to select the anchor point — point around which all transformations will be made. You can choose one of the nine positions, including top left corner, middle center, bottom right corner etc.

Several issues that existed in previous versions of Tranform Each might be fixed here, and it now works correctly with layers inside different groups, and also you can now undo all script actions in one click. The plugin is tested in Adobe Photoshop CS5, CS6, and CC.

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *