in ,

20 Free Photoshop Plugins for Web Designers that will Speed up Your Works


Photoshop extensions can be helped a lot for designers tostreamline their workflow and make productive on works.

Here is a collection of best Photoshop extensions that help you manage your layers, guides and more. These Adobe Photoshop plugins speed up your web design projects and reduce your workload. Let’s take a look at at some of the useful free Photoshop plugins that web designers can benefit from.

Retinize It

Retinize It allows you slice and exports your layers or groups into the assets you need. This best Photoshop actions for preparing designs for iOS or optimized for Retina display websites.

How to install?

Just double-click the file and go to Window -> Actions in Photoshop. Expand the “Retinize It” folder in Actions window.


Renamy 4.0 is a multiple layers renaming Photoshop CC 2015 plugin. The free demo allows for up to 5 items.

Size Marks

SizeMark lets you to add labels of an object size or the distance between each object using a Marquee tool.


Duplllicator provides the fastest way to duplicate Photoshop layers or groups. This Extension lets you choose the horizontal and vertical spacing, plus the number of copies, so you can finish an otherwise cumbersome job in a few seconds. For Photoshop CC & CC 2014

HTML Block

HTML Block uses the WebKit engine to render your work into HTML and CSS, showing the result in a separate window. The applications are many, especially for using web fonts, font smoothing, previewing in browsers, and designing resizable controls.

Subtle Patterns

Subtle Patterns is a great collection of beautifully applied textures and patterns, both sophisticated and contemporary.


Fontea is a Photoshop plugin that has all 700 Google Fonts included. Try it out for free!

Photoshop Prototyping Plugin

Drag and drop designs from Photoshop for rapid prototyping. Use dozens of interactions like dropdowns, hover, transitions, and more. Or create custom states and animations from scratch.

Suitcase Fusion

Suitcase Fusion is a font management tool for Photoshop. This plugin organizes all fonts and puts them within arm’s length while Photoshopping.


GuideGuide is one of the most installed extension on Photoshop. The plugin lets you customize based on canvas, artboards, selected layers, and selections you already designed.

Perspective Mockups

Perspective Mockups plugin lets you tilt, rotate, stack, and stagger your files for a more impressive presentation.


For Photoshop CS5, CS6, and CC.For Photoshop CS5, CS6, and CC. Update multiple layer comps in Photoshop with just one click. Less maintaining, more designing.

PSD Cleaner

PSD Cleaner organizes your PSD files, especially useful for renaming files and locating empty layers. Cost $19.99.


Oven is a nifty plugin that helps you better manage your assets.


Ink helps you to examine such as layer styles, font size, font family used, element size and position against other elements.


LayerCraft is a Photoshop plugin that allows you to export layers into multiple scale.


Velocity is an extension help you build web design prototype quickly. It comes with a handful of preset templates including the grid. Compatibility: Photoshop CS6, CC, CC 2014.

Lorem Ipsum Generator

The best Lorem Ipsum generator plugin for Photoshop, Illustrator, InDesign & Dreamweaver. It generates random words or phrases.

Lorem Picsum

Lorem Picsum generates random images rather than text. The image provided is derived from popular movie and TV shows such as Futurama, Rio, The Simpsons, Finding Nemo, and UP.

Web Zap

WebZap is a plugin that provides Photoshop with additional tools and functionalities that are designed to assist web developers with their mockup and ui design workflow.

CSS Hat 2

CSS Hat accurately generates CSS code for the selected layer so you don’t have to. It automatically measures layer sizes, detects font-family, font-weight, font-size etc.

Finish Design Projects Quickly