Help Center · Grid Maker

Grid Maker Help Center

Step-by-step guidance to master grid paper overlays, precise image slicing, AI generation, and layer management. Perfect for designers, content creators, and social teams working inside the Grid Maker editor.

Open EditorBack to Home
Getting StartedModes & WorkflowToolbar & CanvasSidebar & LayersAI GenerationSlicing & ExportShortcuts

Getting Started

Free Features (No Login Required)

  • Upload and edit images with full layer support—move, resize, rotate, and adjust opacity.
  • Configure grid overlays: rows, columns, gaps, colors, labels, and subdivisions.
  • Use all drawing tools: freehand, line, rectangle, circle, fill, and eraser.
  • Apply image adjustments: brightness, contrast, saturation, grayscale, and invert.
  • Merge and split cells for custom slice layouts in Slicer Mode.
  • Export PNG with grid overlay (Reference Mode) or ZIP slices (Slicer Mode).
  • Full undo/redo history for layers, grid config, and canvas size changes.

AI Generation (Login + Credits)

  • AI image generation requires signing in and having available credits.
  • New users receive 3 free AI generation credits upon registration.
  • Generate images from text prompts—full canvas, specific cells, or layer updates.
  • Use Reference mode to send cropped context for more accurate results.
  • Batch generation: select multiple cells or layers to generate in one operation.
  • Credits are consumed per generation; failed generations refund credits automatically.
  • Upgrade your plan in Billing for more credits or unlimited usage.

Modes & Workflow

Reference Mode (default)

  • Use grid paper overlays: adjust rows/cols, gap, color, thickness, opacity; supports A1/B2 labels and sub-grids.
  • Great for alignment and annotation—export PNGs with grid overlay while keeping all layers and brush strokes.
  • Image adjustments (brightness, contrast, saturation, grayscale, invert) make grid overlays clearer.

Slicer Mode (export)

  • Perfect for social media grids and custom slices: merge/split cells, hide cells with masks, keep spacing precise.
  • Exports are auto-named by coordinates (A1, B2) and packed as a ZIP; upload or AI-fill cells at the right size.
  • Shares the same grid maker canvas setup as Reference—align once, slice directly.

Toolbar & Canvas

Tools & hotkeys

V Select: choose/move layers, multi-select with Shift; Delete/Backspace removes layers.

S Grid Select: select one or many cells, Shift multi-select; Delete merges dividers or hides cells.

Space/Hand: hold Space to pan; wheel + Ctrl/⌘ to zoom; Shift + wheel to scroll horizontally.

P/L/R/C/F/E: freehand, line, rectangle, circle, fill, eraser—color/width adjustable in the sidebar.

Ctrl/⌘+Z / Ctrl/⌘+Shift+Z: undo/redo for drawings, layer edits, grid config changes, and canvas size changes.

Top controls

Mode toggle: switch Reference/Slicer; on mobile it appears in the Settings popover.

Grid size & canvas size: enter rows/cols and width/height to update the grid overlay and slicing base.

Zoom controls: - / percent / + for quick 100% reset or fine tuning.

Upload/Download: uploads create new layers; Reference downloads PNG with grid overlay, Slicer downloads ZIP slices.

Sidebar toggle: useful on small screens to focus on the canvas.

AI Generation (Nanobanana)

Sign in and ensure you have credits. The sidebar shows remaining credits; upgrade in Billing when you run out.

  • Selection defines scope: cell selected → generate into that cell and center-cover; single layer selected (no cells) → update that layer; nothing selected → full-canvas generation.
  • Use Reference: when checked, the selected region (cell or layer bounds) is cropped and sent as context, enabling the AI to generate images based on the reference content.
  • Batch generation: select multiple layers (up to 5) or multiple cells (no limit) to generate in one operation. Each generation consumes one credit.
  • Locking: cells being generated are temporarily locked; on failure credits are refreshed and a toast appears.
  • Placement: results auto cover the target area and stay centered; cell generations create new layers, layer updates replace in place.

Tip: In Slicer Mode, select a cell + Use Reference to precisely replace a slice; in Reference Mode, generate a full-canvas high-res grid paper background.

Slicing & Export

  • Merge/Split: in Grid Select, Delete on dividers merges cells; split horizontally/vertically for 3×3, 4×4, or custom layouts.
  • Hide/Restore: Delete on selected cells adds a mask to the chosen layer; Restore brings hidden areas back.
  • Cell fill: upload via Quick Fill or run AI Cell Generation to match exact cell dimensions.
  • Naming & export: Slicer export auto-names by coordinates and zips; Reference export outputs PNG with grid overlay for printable grid paper.

Shortcuts & Interactions

Pan/Zoom: Space + drag to pan; Ctrl/⌘ + wheel to zoom; Shift + wheel to scroll horizontally.

Selection: Shift + click to multi-select cells or layers; Delete removes dividers/masks or layers; click empty space to clear.

Draw: P/L/R/C/F/E switches tools; adjust stroke and color in the right panel; snap to grid and sub-grid for clean lines.

History: Ctrl/⌘+Z undo; Ctrl/⌘+Shift+Z redo. History includes layer changes, grid config, and canvas size.

View: top zoom controls return to 100% fast; sidebar toggle frees space when drawing.

Import/Export: uploads create a named image layer; Reference downloads PNG with grid overlay, Slicer downloads ZIP slices.

Keep creating

Head back to the editor and try the full flow: grid overlay, slicing, and AI generation.

Open EditorBack to Home