Perspective Grid

What this grid is

A perspective grid is a drawing guide that helps you place objects in believable space. Straight edges that are parallel in the real world appear to converge toward vanishing points on the horizon.

This generator creates two common guides: a 1-point perspective grid (one vanishing point) and a 2-point perspective grid (two vanishing points). The grid is clipped to a rectangular canvas, producing a clean SVG that you can overlay on sketches, diagrams, or layout comps.

Canvas size is derived from a simple scale model: width = columns × spacing and height = rows × spacing. That keeps the controls consistent with other generators while still giving you predictable pixel output.

Key parameters

• Mode (1-point / 2-point) — Select a single vanishing point or two vanishing points.
• Columns / Rows — Controls the canvas width/height (via the scale model) and the number of guide lines.
• Spacing (px) — The scale of the canvas; larger spacing increases output size.
• Horizon Y (%) — Vertical position of the horizon line within the canvas.
• Vanishing Point X (%) — 1-point mode horizontal position of the vanishing point.
• Left VP X / Right VP X / Origin X (%) — 2-point mode controls for both vanishing points (can be outside the canvas) and the bottom origin.
• Line Width / Opacity / Color — Styling for all guide lines.

Unique highlights

• Quick switch between 1-point and 2-point without changing your workflow.
• Vanishing points can be placed outside the canvas for more subtle, realistic perspective.
• Output is clipped to the viewBox rectangle, so it imports as a tidy guide layer.
• Simple SVG line geometry scales cleanly for large canvases and print.

Typical use cases

• Drawing guides for interior scenes (1-point) and exterior/objects (2-point).
• Product mockups, packaging comps, and “in-space” diagram layouts.
• Isometric-to-perspective conversions (use the grid as a reference overlay).
• Perspective backgrounds for comic panels, storyboard frames, or concept sketches.
• Teaching and demonstration visuals for perspective basics.

Tips

• For 1-point scenes, set the vanishing point near the horizontal center and choose a horizon around 30–45% of height.
• For 2-point scenes, push Left/Right VP X far outside the canvas for gentler convergence and less distortion.
• If the grid dominates the artwork, reduce opacity before reducing line count.
• Use larger output sizes for better precision, then scale down in your design tool.

FAQ