Documentation

How to use SpacePlanner

Everything you can do - from drawing your first wall to designing electrical plans, viewing in 3D and exporting print-ready files. No signup needed to follow along.

Getting started

SpacePlanner opens straight into the editor - no signup, no install. You only need an account when you want to save, export or share.

  1. 1

    Open the editor

    Click Start Drawing anywhere on the site. The canvas loads instantly and you can begin drawing right away.

  2. 2

    Pick your units

    Use the Settings menu in the top bar to switch between centimeters, meters and feet. Every dimension updates live.

  3. 3

    Save your work

    Create a free account to save projects to your dashboard. Guest plans are kept in your browser and migrate to your account when you sign up.

Drawing walls & rooms

Walls are the backbone of every plan. Draw them freehand or drop a whole room shape in one move.

  1. 1

    The Wall tool

    Select the Wall tool and click to place points. Walls chain automatically - each click starts the next segment. Double-click or press Esc to finish.

  2. 2

    Precise angles & lengths

    Walls soft-snap to common angles (0°, 45°, 90°…). Hold Shift to lock to 45° steps. A live length and angle badge shows exactly what you are drawing.

  3. 3

    Room shapes

    Use the Shape tools to drag a rectangle or L-shaped room, or click vertices for a custom polygon room. Walls share corners so rooms stay closed.

  4. 4

    Editing walls

    With the Select tool, drag an endpoint to extend or re-angle a wall, or use the rotation handle to spin it. Clearance dimensions to nearby walls appear as you move.

Doors & windows

Place openings directly onto walls and adjust how they swing, slide or sit.

  1. 1

    Add an opening

    Pick the Door, Window or Pass-through tool and hover a wall - a ghost preview snaps onto it. Click to place.

  2. 2

    Adjust type & swing

    Select an opening to change its width, height, door kind (hinged, sliding, folding, pocket, double) and swing direction in the properties panel.

  3. 3

    Move & merge

    Drag an opening along its wall or onto another wall. Openings that touch snap flush so no sliver of wall is left between them.

Furniture & symbols

A full library of to-scale furniture, fixtures and outdoor symbols, all drawn in clean CAD style.

  1. 1

    Browse the library

    Open the symbol library and search or filter by category - living, bedroom, kitchen, bathroom, office, outdoor and more.

  2. 2

    Place & position

    Click a symbol, then click on the canvas to drop it. Smart alignment guides help you line pieces up with walls and each other.

  3. 3

    Resize from one side

    Drag an edge handle to grow a piece from that side only - the opposite edge stays anchored. Drag a corner to resize both dimensions.

  4. 4

    Rotate & lock

    Use the rotation handle to spin a symbol; hold Shift for 15° steps. Lock a piece to prevent accidental moves.

Electrical planning

Create professional electrical layouts with standard symbols and home-run wiring.

  1. 1

    Place electrical symbols

    From the Electrical category, drop switches, outlets, lights and panels. Wall-mounted devices snap flush against the nearest wall automatically.

  2. 2

    Draw wiring

    Select the Wire tool, click one device then another to connect them with a standard curved home-run. Chain connections by continuing to click devices.

  3. 3

    Legibility at any zoom

    Electrical symbols render at a fixed architectural size so they stay readable whether you are zoomed in on a room or viewing the whole plan.

  4. 4

    Export with a legend

    Turn on the electrical legend in the export dialog to print a labeled key of every electrical symbol used in the plan.

3D view & walkthrough

Your 2D plan is always a 3D model too - switch views any time.

  1. 1

    Switch to 3D

    Use the 2D / 3D toggle in the top bar. Walls, doors and windows build into a real model with correct heights and materials.

  2. 2

    Walk through it

    Enter walkthrough mode to move through the space in first person and get a true sense of scale and flow.

  3. 3

    Materials & heights

    Adjust wall height, thickness and material per wall. Multi-level and split-level plans stack correctly in 3D.

AI photo import

Already have a floor plan? Let the AI rebuild it as an editable, to-scale plan.

  1. 1

    Upload a plan

    Click Import Photo and upload an image, sketch or PDF of a floor plan. This feature requires a free account.

  2. 2

    AI reconstruction

    The AI reads dimensions and layout, then reconstructs closed rooms, walls, doors, windows and furniture to scale.

  3. 3

    Refine in the editor

    The result drops straight into the canvas where every element is fully editable - adjust anything that needs tweaking.

Measurements & dimensions

Everything is drawn to real-world scale with live measurement feedback.

  1. 1

    Live dimensions

    Wall lengths and opening widths display automatically. Toggle dimensions on or off from Settings or the layers panel.

  2. 2

    Measure tool

    Use the Measure tool to check any distance. It snaps to wall endpoints and faces for precise readings.

  3. 3

    Area tool

    Trace any region - inside or outside walls - to get its area. Enclosed rooms also show their area automatically.

Outdoor & site planning

Plan gardens, patios, pools and whole property lots alongside your building.

  1. 1

    Draw a lot

    Use the Lot tool to draw a property boundary, then choose its ground surface - grass, paving, gravel or water.

  2. 2

    Outdoor symbols

    Add trees, plants, rocks, pools, outdoor kitchens and furniture from the outdoor category, all to scale.

  3. 3

    Indoor + outdoor together

    Design your house and garden on the same canvas and connect levels with stairs.

Exporting & sharing

Get your plan out in the exact format and detail level you need.

  1. 1

    Choose a format

    Export as PNG (image), PDF (print-ready A4), SVG (true vector) or JSON (raw data). A live preview shows the result before you download.

  2. 2

    Toggle layers

    Turn individual layers on or off for the export - dimensions, furniture, doors and windows, room names, grid and electrical.

  3. 3

    Sharing

    Signed-in users can save plans to the dashboard and reopen them any time, on any device.

Projects & saving

Organize your work into projects and floors from your dashboard.

  1. 1

    Projects & floors

    A project can hold multiple floors. Add, rename, reorder or duplicate floors to plan a whole building.

  2. 2

    Autosave

    Signed-in projects autosave as you work. Rename a project inline from the editor top bar.

  3. 3

    Favorites

    Pin your most-used projects so they sort to the top of your dashboard.

Tips & shortcuts

A few habits that make planning faster.

  1. 1

    Pan & zoom

    Hold Space (or the middle mouse button) to pan; scroll or pinch to zoom. Two-finger trackpad scroll pans in any direction.

  2. 2

    Precise moves

    Hold Alt while dragging for fine 1 cm movement instead of grid steps.

  3. 3

    Multi-select

    Drag a marquee over several elements, or ⌘/Ctrl-click to add and remove items, then move or align them together.

  4. 4

    Escape & delete

    Press Esc to cancel any in-progress tool, and Delete/Backspace to remove the selected element or wire.

Ready to plan your space?

The editor is free and opens instantly.