New Grid From Existing Guides

GuideGuide turns grids into guides, but you can do it the other way too and convert existing guides into grid presets.

Note: This feature is somewhat limited. It can’t figure out what you were intending to do with your grid. It just copies guides as it sees them.

Make a grid from existing guides

  1. Navigate to the Saved tab and make sure no preset is selected.

  2. Click the New grid from existing guides button.

  3. GuideGuide opens the Custom tab with the guides written as grid notation. It’ll look something like this:

    # Generated from existing guides within the current context.
40px | 480px | 480px | (vnl)
100px | (hnl)

  4. To save it as a preset, enter a name and click Save preset.

How it works

GuideGuide looks at the guides that belong to the current context, such as an artboard or page, including ones that sit outside its edges, like bleed guides.

Selections control what guides are included

If something is selected, GuideGuide only captures the guides within the selection. The positions are still measured from the edges of the context, not from the selection.

Ruler units or percentages

By default, GuideGuide writes each guide in the unit of your document’s ruler. If you use the same grid in any other size of context, it may have unexpected results.

If you’d rather have a grid that scales with the size of the context, change the Grids from existing guides setting to Percentages. The same guides then come out as:

# Generated from existing guides within the current context.
3.84615% | 46.15385% | 46.15385% | (vnl)
12.5% | (hnl)

See The Settings tab for info about changing settings.

Photoshop

GuideGuide uses the current artboard, or if none exist, the canvas.

Illustrator

GuideGuide uses the current artboard. Guides aren’t clearly connected to artboards in Illustrator, so guides outside of an artboard can’t be automatically associated. If you need to include guides from outside your artboard, select all guides you would like in your grid, including the ones outside the artboard, before adding the grid.

InDesign

GuideGuide uses the active page. The guides that are included depend on your Guide Mode setting. Bleed and pasteboard guides are spread guides, so they’re only included when Guide Mode is set to Spread.

After Effects

GuideGuide uses the active composition’s guides.

Figma

GuideGuide uses the top-level frame around your selection. Guides outside a frame are page guides and cannot be included.