Sketch is the latest flavor in design, but Photoshop is still used by many of us, and with good reason. With the right plugins, Photoshop is an extremely versatile program that can make your design work stand out from the crowd.

This is a list of the best Photoshop plugins that I started using last year that greatly improved my workflow and made me a better designer. Some of these plugins will make you a more efficient designer, while others will help you create kick-ass 3D effects for awesome portfolios.

Let’s dive in.

Craft By Invision

Craft is a relatively new suite of plugins that lets you design with real data in mind. You can pull real data from websites, APIs, etc. and place that data into your designs, making your designs a lot more interesting and real. “Lorem ipsum” and stock images need to go – it’s time to make UIs more accurate.

Perspective Mockups

Perspective mockups won’t make you a better designer but will definitely make you a cooler one. Know how all these Dribbble designers create 3D screen laying? With this simple plugin, all that work is done for you to create this effect and many like it.

Slicy

This isn’t exactly a Photoshop plugin, but I wouldn’t be able to live without this app. All you have to do is drop Photoshop files into it, and it automatically creates PNGs for you to add to your CSS or to hand over to developers. Simply name layers “name.png,” save, and drop the file into Slicy.

Guide Guide

Supposedly one of the most installed Photoshop plugins ever, this plugin will save you lots of time by adding grid layouts to your designs. No more wasting precious design hours setting margins exactly the way you need them. Guide Guide does all of that work for you.

ColorKit

For all you color lovers out there, ColorKit is a must-have tool for tracking the colors that you use, collecting colors from different sources to use in your projects, and linking colors with a layer in just one click.

UberSpacer

I’ve been amazed at how often this tool comes in handy. This panel lets you set the same distance between different objects in your design. No more eyeballing the empty space between or trying to set rulers to mark spaces for you. UberSpacer makes laying out various layers simple.

Mockuuups

This drag-and-drop tool lets you create beautiful app previews and marketing materials. Insert your app design into an image of a manicured hand, holding an iPhone or tablet, to show exactly what your app would look like in use.

UberColumns

Divide your paragraph text into columns. This is usually an annoying hassle in Photoshop, but it’s easy with UberColumns. Just set the number of columns and the desired gap between them in pixels. The plugin does the rest.

SVG Layers

Improve your workflow with this tool by importing SVG files as editable vector layers. You can also use it to export clean SVGs directly from Photoshop, saving a lot of time and making Photoshop a more useful design medium.

Fontea

This free plugin adds 800 Google fonts to Photoshop. No more downloading the fonts you need one by one and importing them into Photoshop. This plugin gives you tons of beautiful, useful fonts in just a few clicks.

Font Hero

For all of the fonts you can’t find in Fontea, Font Hero helps you capture your library of fonts and import them into Photoshop. It also helps you categorize and organize your fonts into libraries so that you don’t have to scroll through every last font you have in order to find the one you were looking for.

About the author

Michael Abehsera, United States
member since December 15, 2015
Michael is a UI/UX designer and front-end developer originally from Israel and France. He specializes in designing landing pages and user interfaces. In addition, his background in marketing and data analysis helps him make better decisions in landing page designs and user interface construction. [click to continue...]
Hiring? Meet the Top 10 Freelance UI Designers for Hire in March 2017

Comments

Samseen
Thanks for sharing... Never knew some tools exists for things like this.
Michael Abehsera
Glad you liked it :)
Andrej Hribernik
Thanks, found myself some great new tools.
Sarbjit Singh
Thanks a lot! To be true i never used these plugins or knew about these. But now life will be a lot easy :)
Nishant Dogra
Really great one, i will use these tools. This will reduce my effort.
Lance Cheng
Great sharing! Markly should be the one, it's used to create beautiful specs with ease for Photoshop and Sketch. http://marklyapp.com/
Matthew Sandahl
Love plugins, however several of these features are now natively supported in PS, namely uber columns/spacer, guide guide, and slicy.
tfbkny
Nice collection... thanks for sharing Michael :)
3R
In what Photoshop version are these supported?
Tristan Ramberg
The PS team has included these kinds of features in response to community feedback and the popularity of these kinds of plug-ins. The latest versions, 2015 and up, have a feature for generating layout guides, automatic spacing guides between objects that can snap to equal spacing, and right-click exporting of layers in whatever file type you want.
Tristan Ramberg
Some good recommendations, but I personally think Slicey is unnecessary for anyone using the current version of Photoshop CC. PS already has the ability to export whatever layers/groups you select in whatever format you want with a simple right-click and picking a folder. And if you want to generate multiple sizes or formats, the Export window has the options to do that as well as adjust image quality. Most, if not all of the guide plug-ins can also be replicated in PS now with their built in features like Smart Guides. But, if you're doing mostly UI work though that needs lots of exported assets, Experience Design CC or Sketch are much better apps to work in.
comments powered by Disqus
Subscribe
Free email updates
Get the latest content first.
No spam. Just great design posts.
Free email updates
Get the latest content first.
Thank you for subscribing!
You can edit your subscription preferences here.
Trending articles
Relevant Technologies
About the author
Michael Abehsera
Designer
Michael is a UI/UX designer and front-end developer originally from Israel and France. He specializes in designing landing pages and user interfaces. In addition, his background in marketing and data analysis helps him make better decisions in landing page designs and user interface construction.