Skip to content →

How it works

From reference image to working grid in one browser tab.

Grid Maker Pro is not a file upload service. It is a local browser workspace for placing overlays on top of your reference image, tuning them, and exporting the result.

Workflow

The tool does three jobs well.

01

Load a reference

Use a photograph, sketch, screenshot, crop, or design reference. The image stays on the device while the tool reads it in the browser.

02

Pick the right overlay

Choose square grid, thirds, golden ratio, perspective, Loomis, sacred geometry, typography, design templates, architecture grids, and more.

03

Transform and export

Move, rotate, scale, recolor, change line weight, stack overlays, then export the composite as a practical working reference.

Controls

Every overlay is adjustable after it lands.

A grid is rarely useful at its default size. The important part is being able to fit the construction to the actual subject, crop, canvas, or screenshot you are studying.

PositionDrag the overlay to match the subject.
RotationAlign diagonals, horizons, heads, and vanishing directions.
ScaleResize grids and templates without rebuilding the setup.
AppearanceChange color, opacity, and line width for different images.

Use cases

One engine, different working surfaces.

Privacy

The browser is the workspace.

Your reference image does not need to be uploaded to apply a grid. That matters for private commissions, client work, classroom material, and studio references.

Account
Not required
Install
None
Catalogue
82 overlays
Output
PNG reference

Try the workflow on your own image.

Open the tool, add a reference, and export the first grid before choosing a deeper guide.

Open Grid Maker Pro

Notes from the studio · Working practitioners on the tool

Illustrative composites of how the tool gets used in practice — not quotes from named individuals.

Bookmarked on the studio computer. The deep-link reopens with the exact overlay configured — no clicking through menus mid-session.
Portrait painterIllustrative scenario
Free and browser-only is the right shape for this kind of tool. I keep three tabs open during any project — one per overlay I'm comparing.
Brand designerIllustrative scenario
Lower friction means I actually use it, not save it for special occasions. Every overlay one click away.
Concept artistIllustrative scenario
Open the tool

Try it now

Drop an image. Pick from 82 overlays. Adjust. Print or save. That's the workflow.

Launch Grid Maker Pro →