The following 3 Photoshop plugins have all been created by Made By Source company and they are a wonderful addition to your arsenal. Each plugin is about $40, but you can get a bundle of all 3 for only $90. Well worth it!
If you are a designer, chances are you’ve used Subtle Patterns website in the past to find some awesome patterns for your designs. While the website works well and allows you to preview each pattern instantly, the photoshop plugin is a great addition. It allows you to instantly apply any pattern to your photoshop layers. There’s no need to go on the website, find the appropriate pattern, download it, and then finally add it to your photoshop file. The plugin speeds up this process drastically.
PNG Hat is a nifty little plugin that lets you export the selected layers as a transparent PNG file (JPG is available as well for non-transparent images). Not only can you export layers, but it also automatically trims the white space and you can even create a retina/hi-resolution image in just a few clicks as well. Of course that only works with shapes or smart objects since they are vector-based.
CSS Hat is a photoshop plugin that automatically generates CSS code for your layer. Especially useful for layer effects, if you use gradients, it automatically generates CSS3 gradient code for all browsers. It is also very helpful with getting the style of text layers. There are a few limitations, and rightfully so, because you can’t really get padding, margin, and other properties like that.
Google Chrome Extensions
You know that time when you see an awesome font used on a website and you just HAD to know what it was, so you proceeded to inspect the page element using Chrome or Firebug in Firefox. Then you would look for the font family property to see what font it’s using. Well, you can avoid all that work with WhatFont. You simply click on the WhatFont icon to activate it and then whenever you click on ANY text area in Chrome, it will show you what font it’s using, font size, line height, and even where it’s served from (such as TypeKit). It is by far one of the most used Chrome extensions of mine.
Window Resizer is exactly as the name suggests. It lets you resize the browser window to whichever size you want. There are many built-in size presets, however, you can also add or remove your own. This extension is especially useful if you are developing responsive websites and need to test different breakpoints or screen sizes.
ColorSnapper is only available for Mac OS-X and it is not free, however, it only costs $4.99 and will save you hundreds, if not thousands of dollars in wasted time. It is essentially a color picker tool that can be used on any part of your screen. It works great on retina displays as well.
The most wonderful thing about it is you can use the keyboard shortcut option + command + C to initiate it and get the color off the screen. It also saves the 5 most recent colors you picked.
Are you a designer and use some killer tools that should be on this list? Then let us know about it in the comments.