Griddify, a Tiny Photoshop Panel for Guides and Grids

http://gelobi.org/griddify/

Griddify: a Tiny Photoshop Panel for Guides and

Grids
Griddify is tiny and fast. It helps you compose custom grid systems, vertical
rhythm, and do a bunch of other stuff with guides in photoshop.
Watch the short tutorial to learn how it works:

00:00

03:38

Download and Install (Photoshop CC)

1.

Download and install ZXPInstaller. It helps you install Griddify and other
Adobe extensions easily.

2.

Download Griddify, unzip it, and install Griddify-CC.zxp using ZXPInstaller.

3.

Once installed, restart Photoshop CC. You can find the panel in the Window
menu, under Extensions.

4.

If youre having trouble installing Griddify with ZXPInstaller, try installing it

manually.

Download and Install (Photoshop CS6)

1.

Download the CS6 version of Griddify here and extract the zip file.

2.

Copy the GriddifyCS6 folder to the location where you installed Photoshop in
"Program Files", under "Plugins/Panels".

3.

Restart Photoshop CS6, and hopefully you can see the panel in the Window
menu, under Extensions.

Gutters in divide
Ive added one more feature to Griddify since recording the video, so its not
demoed there. Basically, the Divide feature now accepts more than one
number, and itll use those extra numbers as gutters. So if you say '3 10', itll
divide your document to 3 pieces, and put 10px gutters on each division. Thanks
to @xdividr for suggesting this feature!
Issues regarding Photoshop CS6
HTML panels in Photoshop CS6 dont work as well as they do in Photoshop CC,
because CC uses an embedded version of Chromium to render HTML content
while CS6 uses Flash, which is significantly less stable. So the panel will look
and act a bit differently than the one I showed you in the demo.

1 of 4

5/1/2016 11:51 AM

Griddify, a Tiny Photoshop Panel for Guides and Grids

http://gelobi.org/griddify/

What about CS4/5?

For Griddify to work on CS4/5, its HTML code should be wrapped in a Flex
application. There are currently no efforts to do that, but PRs are more than
welcome :)
Source Code
Griddify is free and open-source. The project is hosted on github.

2 of 4

5/1/2016 11:51 AM

Griddify, a Tiny Photoshop Panel for Guides and Grids

http://gelobi.org/griddify/

275 Comments

Sallar Kaboli

Beautiful presentation. Superb job guys.

Sadra

Salam! ostad khosham miad harja dajebe designe Hozoor dari !

Rahul

That video freaked me out. Wait, that ain't video!

William Cunningham

The first thing that popped into my head was, "How did they do this video?" Thanks for
explaining. Beautiful!

Vitor Fernandes

man, wow! hey, I'd like one version for CS6 it would be awesome. thanks.

Aria Minaei

We're happy you liked it! CS6 version is coming :)

Vitor Fernandes

thanks Aria!

Marty Cohen

Great extension and you've included a great variety of ways of setting guides. I'm very happy. I
do have one suggestion and one small bug to report. My suggestion is that it would be very
useful if there was a "Clear Guides" button in the panel, so I could start over if I didn't like what
I've done. The small bug is the lettering "Griddify" doesn't fit in its button (see image attached).
My Photoshop "Interface" preferences is set with UI Font Size: Large (and changing it to
Medium allows the letters to just fit, and changing to Small, they fit well. However, I need to use
Large and others might as well.

Aria Minaei

Hi Marty, thanks for your suggestions!

The "Clear Guides" button sounds like a useful feature. There is an issue for it on
Github. You can follow or join the conversation here: https://github.com/pixana/grid...
We'll definitely work on the font size bug. I've opened an issue on Github. You can track
its progress here: https://github.com/pixana/grid...

Aria Minaei

Marty, this layout problem has been fixed. We'll release an update next week.

Ricardo Sousa

Hi people. I am not habble to instal it. it fails to instal the extension

3 of 4

5/1/2016 11:51 AM

Griddify, a Tiny Photoshop Panel for Guides and Grids

http://gelobi.org/griddify/

Don't miss an update from gelobi:

Subscribe

4 of 4

5/1/2016 11:51 AM