Best Interactive Grid Plugin for Adobe PS6

Posted on February 1, 2013 in Blog, Uncategorized

If your in the interactive design community like me and you do this type of work for a living you probably painstakingly create grids using one of the many or 981 golden rule grid websites out there if your using Adobe Photoshop. Well, there is a much easier way than posting a layer image in your Photoshop file. This week I discovered GuideGuide a plugin for Adobe Photoshop, its not new… but its new to me and it might be useful and new to you to as well. The program is totally open source and a really great tool to making pixel perfect simple grid / complex grid systems that create guides that are snap-able.

Lets just say for argument you wanted to create a 960px 3 Column Grid Layout.
Open up Photoshop. Create A New Layout. Lets make it 1200 px wide so that it can have some white space on the right and left.

Screen shot 2013-02-01 at 6.31.12 PM

Lets Insert A 3 Column Grid layout. Double click Three Column Grid in the Guide Guide Plugin after installing the GuideGuide plugin to your Adobe CS6 program using Adobe Extensions installer.

Screen shot 2013-02-01 at 6.06.43 PM

You should see something like this Make sure there is 120 pixels on the left and right. Insert these values as you see them here.

Screen shot 2013-02-01 at 6.06.57 PM

Screen shot 2013-02-01 at 6.07.37 PM

Presto the final result is a 3 coloumn grid with a 120 right left margin. You can go much more complicated than this but if your looking for a basic guide this will get you started.

Go over to and check this plugin out now! It’s totally free and it was created by Cameron McEfee.