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 is Senior Editor at WebdesignerDepot. He’s designed and coded work for award-winning startups, and global names including IBM, UBS, and the FBI. One of these days he’ll run a sub-4hr marathon. Say hi on Twitter.

Popular Posts

Read Next

Exciting New Tools for Designers, November 2023

We’ve got a mix of handy image helpers, useful design assets, and clever productivity tools, amongst other treats. Some…

The Dangers of Doomscrolling for Designers and How to Break Free

As a creative professional, navigating the digital realm is second nature to you. It’s normal to follow an endless…

From Image Adjustments to AI: Photoshop Through the Years

Remember when Merriam-Webster added Photoshop to the dictionary back in 2008? Want to learn how AI is changing design…

3 Essential Design Trends, November 2023

In the season of giving thanks, we often think of comfort and tradition. These are common themes with each of our three…

30 Obsolete Technologies that will Perplex Post-2000s Kids

Remember the screech of dial-up internet? Hold fond memories of arcade machines? In this list, we’re condensing down 30…

15 Best New Fonts, October 2023

We’re entering the final quarter of 2023, and even in the pre-holiday lull, there are still plenty of fonts to get…

Progressive Web Apps (PWAs): Unlocking The Future of Mobile-First Web Development

There are over 5.4 billion mobile users today, meaning that over 68% of the population tap into an online business via…

The 12 Most Controversial Ad Campaigns of the 21st Century

How far would an organization be willing to go for the chance to generate a little extra buzz? In this list, we're…

20 Best New Websites, October 2023

The Bento trend is still going strong: In some cases, we see this extend to the layout, but many more are picking…

Exciting New Tools for Designers, October 2023

This month, we have a whole bag of goodies for designers, developers, and designevelopers alike. (Yes, we did just make…

The 10 Most Successful Rebrands of All Time - Ranked

We’re all familiar with rebrands going wrong, but what happens when they go right? From McDonald’s health kick to…

3 Essential Design Trends, October 2023

Every now and then, website design trends can leave you scratching your head. This month’s collection includes some of…