Start with the Motion Dock open and a comp open in the viewer.
Add Griddy
- Click Edit layout in the Motion Dock.
- Click an empty area of the layout and choose Griddy.
- Click Exit layout mode.
If Griddy is already in the current layout, use its existing slot. Griddy needs a slot that’s tall enough to show its preview. The default is half the dock wide and 8 rows tall.
Click Grid
Before the first click, the preview shows the grid Griddy will put on, faintly. The first time, that's 4 columns and 3 rows with a 20 px gutter and 80 px margins.
Click Grid.
The guides draw across the preview and the Grid tile stays pressed. The top bar counts the guides, here 14 guides.
Look at the comp viewer. The same guides are there, on whole pixels, and your layers snap to them.
If the guides don’t show in the viewer, the viewer’s guides are hidden. Click the eye in Griddy’s top bar to show them.
Change the columns and rows
The two numbers at the start of the top bar are the columns and the rows. Drag one left or right to change it, or click it and type a number. The guides in the comp follow each change.
Click More for one more column and row, or Fewer for one less.
To take the grid off, click Grid again. Only the grid’s own guides go. Shape the grid covers the margins and gutter.