Awesome free extension Griddify solves the grid issue in Photoshop

Ben Moss.
May 28, 2014
Awesome free extension Griddify solves the grid issue in Photoshop.
thumbnailIt’s long been accepted that building a solid grid is the foundation of a strong site design. Of course, the grid shouldn't dictate design decisions, but it sure is a great way of making that blank page look a little less blank. Frustrating then, that Photoshop hasn't evolved past its rather archaic approach to grids; one of the many issues that have contributed to its decline as a primary design tool for web designers. However, that issue has now been addressed in the incredible free extension Griddify. Released by gelobi, the extension adds an intuitive panel to Photoshop that includes three simple, but all-encompassing, options: Griddify, Divide, and Wrap. griddify The Griddify option will create a grid of guides; the default 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; you can even enter multiple numbers, giving you the option to create columns and gutters; then click the orientation button and add guides horizontally to create your baseline. The Divide option is excellent for laying out responsive sites, as it splits the selected area into the specified number of sections. Finally, the Wrap option adds guides to the edge of your selection, it will even offset the guides if you enter a number other than 0. One of my favourite features is the ability to limit your guides within a selection, allowing you to quickly nest grid structures. There are a couple of issues with the plugin: it isn’t currently as crisp as you’d like on retina displays, and the insertion point isn’t clear when entering values; however these are more than made up for by the core functionality. It's unlikely that Griddify will arrest the decline of Photoshop by itself, but if you're still working with the PSD format, it will save you hours of time that used to be spent clicking ‘View > New Guide…’ Even if you're not a Photoshop user, make sure you check out the awesome web presentation gelobi put together—it might look like a video, but watch to the end to find out what it really is.

Ben Moss

Ben Moss has designed and coded work for award-winning startups, and global names including IBM, UBS, and the FBI. When he’s not in front of a screen he’s probably out trail-running.

Read Next

20 Best New Websites, April 2024

Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…

Exciting New Tools for Designers, April 2024

Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…

14 Top UX Tools for Designers in 2024

User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…

What Negative Effects Does a Bad Website Design Have On My Business?

Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…

10+ Best Resources & Tools for Web Designers (2024 update)

Is searching for the best web design tools to suit your needs akin to having a recurring bad dream? Does each…

3 Essential Design Trends, April 2024

Ready to jump into some amazing new design ideas for Spring? Our roundup has everything from UX to color trends…

How to Plan Your First Successful Website

Planning a new website can be exciting and — if you’re anything like me — a little daunting. Whether you’re an…

15 Best New Fonts, March 2024

Welcome to March’s edition of our roundup of the best new fonts for designers. This month’s compilation includes…

LimeWire Developer APIs Herald a New Era of AI Integration

Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…

20 Best New Websites, March 2024

Welcome to our pick of sites for March. This month’s collection tends towards the simple and clean, which goes to show…

Exciting New Tools for Designers, March 2024

The fast-paced world of design never stops turning, and staying ahead of the curve is essential for creatives. As…

Web Tech Trends to Watch in 2024 and Beyond

It hardly seems possible given the radical transformations we’ve seen over the last few decades, but the web design…