Digital workshops for Angus businesses
The DigitalBoost programme enhances the existing digital workshops available from Business Gateway covering website development, online trading and social media. The DigitalBoost Online Healthcheck, hosted on the Business Gateway website …
Read more on Brechin Advertiser

Photoshop wasn’t created as a web design tool, but no one bothered telling us web designers that. Luckily, here are 10 plugins to make Photoshop do to web design what it’s intended to do to photographs.

Photoshop Plugins for Web Design

Suitcase Fusion 6

The perfect add-on for every font-aphile, Suitcase Fusion 6 keeps all your favorite fonts organized and within reaching distance, even in Photoshop. Compare fonts side-by-side and preview appearances to cut a lot of the busy work from finalizing typography.

Suitcase Fusion 6

Retinize It

Not long from now, we’ll all be working with HD devices. Retinize It lets designers slice and export from certain layers or groups as assets. That’s standard, but this plugin features the option to magnify the shapes or Smart Objects by 200% or 300%, preparing the image for retina and iOS displays.

Retinize It

Codly

Codly automatically codes your Photoshop mobile design, saving lots of work in development and allowing more room for experimentation. Using drag-and-drop usability, this plugin generates code for popular platforms like iOS, Android XML, Windows 10, and BlackBerry.

Codly

Random User Generator

The free, open-source API Random User Generator generates placeholder user data for forms and the like. According to the tagline, it’s “like Lorem Ipsum, but for people.” Data includes names, emails, birthdays, addresses, phone numbers, and passwords.

Random User Generator

Photoshop Prototyping Plugin

If you created your mockup in Photoshop, you usually need to rebuild it from scratch when you prototype.

Luckily, the prototyping app UXPin solves that problem with a plugin that allows complete integration. You can export your PSDs straight into the collaborative design platform, then add interactions to the mockup for feedback from all stakeholders and team members.

As an added bonus, the platform also preserves all layers for prototyping.

Photoshop Prototyping Plugin

LayerCraft

LayerCraft is the multi-purpose tool for exporting individual assets for PS layers. Export directly into iOS or Android, with options for scaling up to 200%, scaling down to 50%, duplicating, trimming, and removing empty pixels for .pngs.

LayerCraft

PSD Cleaner

When you don’t have time to organize your PSD files yourself, the $ 19.99 plugin PSD Cleaner does it for you. Spare yourself all the busy work of Photoshopping, like browsing for missed names or empty layers, so that you can focus all of your attention on designing without distraction.

PSD Cleaner

GuideGuide

Photoshop’s most installed extension, GuideGuide facilitates creating guides, with options based on canvas, artboards, and selected layers. That means instants guides from selections you already designed. There are also secondary options like sharing and duplicating. Making guides has never been faster or more customizable, and for expert users GuideGuide delivers on its promise of creating “custom grids that are too complex for other grid tools.”

GuideGuide

Perspective Mockups

One of the best advantages to designing in Photoshop is that your deliverables and presentation documents are visually stunning. Perspective Mockups takes this a step further by turning your PS files into an even more gorgeous presentation. This plugin allows you to rotate, tilt, stack, layer the perspective of the file to whatever your preferences. It’s like Photoshop for how your Photoshop file is viewed.

Perspective Mockups

Oven

Oven is a plugin that helps with other plugins.

When generating image assets from your layers with another plugin, you’ll often need them named correctly before exporting. Oven helps with that by “baking” your layers. You can export for iOS or Android, in either .jpg or .png, with a duplicate option to keep your original label names intact.

Oven

Conclusion

What’s your call for the next best Photoshop plugin? Don’t keep it to yourself — share your favorites in the comments now.


Onextrapixel – Web Design and Development Online Magazine

Digital workshops for Angus businesses