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
Open the editor
Click Start Drawing anywhere on the site. The canvas loads instantly and you can begin drawing right away.
- 2
Pick your units
Use the Settings menu in the top bar to switch between centimeters, meters and feet. Every dimension updates live.
- 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
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
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
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
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
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
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
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
Browse the library
Open the symbol library and search or filter by category - living, bedroom, kitchen, bathroom, office, outdoor and more.
- 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
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
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
Place electrical symbols
From the Electrical category, drop switches, outlets, lights and panels. Wall-mounted devices snap flush against the nearest wall automatically.
- 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
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
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
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
Walk through it
Enter walkthrough mode to move through the space in first person and get a true sense of scale and flow.
- 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
Upload a plan
Click Import Photo and upload an image, sketch or PDF of a floor plan. This feature requires a free account.
- 2
AI reconstruction
The AI reads dimensions and layout, then reconstructs closed rooms, walls, doors, windows and furniture to scale.
- 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
Live dimensions
Wall lengths and opening widths display automatically. Toggle dimensions on or off from Settings or the layers panel.
- 2
Measure tool
Use the Measure tool to check any distance. It snaps to wall endpoints and faces for precise readings.
- 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
Draw a lot
Use the Lot tool to draw a property boundary, then choose its ground surface - grass, paving, gravel or water.
- 2
Outdoor symbols
Add trees, plants, rocks, pools, outdoor kitchens and furniture from the outdoor category, all to scale.
- 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
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
Toggle layers
Turn individual layers on or off for the export - dimensions, furniture, doors and windows, room names, grid and electrical.
- 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
Projects & floors
A project can hold multiple floors. Add, rename, reorder or duplicate floors to plan a whole building.
- 2
Autosave
Signed-in projects autosave as you work. Rename a project inline from the editor top bar.
- 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
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
Precise moves
Hold Alt while dragging for fine 1 cm movement instead of grid steps.
- 3
Multi-select
Drag a marquee over several elements, or ⌘/Ctrl-click to add and remove items, then move or align them together.
- 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.