Getting started
Framing Plan runs entirely in your browser. Open the studio, and you start with a blank rectangular footprint already framed with joists — edit it directly, or pick a template.
- New project — start from an empty canvas or a pre-built template.
- Templates — rooms and a full house layout you can adapt.
- Your work is autosaved locally as you go.
Shaping the footprint
Set the overall size, then refine the shape on the canvas.
- Pick Rectangle or L-shape under Bay shape.
- Type exact width & depth (mm), or drag any vertex on the canvas.
- Click an edge to type its exact length.
Joist span & spacing
Control how joists run and how close together they sit.
- Span direction: Horizontal, Vertical, or Auto. Joists bear on the red walls.
- On-center spacing: choose from your profile's standard spacings.
- Joist and beam span status updates live as you change the layout.
The status compares the layout with the values in the active profile. The bundled Sample Metric profile is illustrative, not a local building-code table or an engineering design check.
Load-bearing walls
Toggle which walls are load-bearing under Load-bearing walls. Defaults follow the joist span direction; override them as the design requires. Bearing walls are drawn in red.
Openings & header beams
Add doors and windows by choosing a wall, type, offset, and width, then Add opening. Openings appear as gaps in the wall and export on their own CAD layer.
Grid & columns
Turn on the structural grid to show layout lines and columns at their intersections. Set the grid spacing in millimeters.
Symbols & elements
The left palette holds structural symbols, openings, loads, annotations, and furniture.
- Search the palette or use your Recents.
- Drag a symbol onto the plan, or click to drop it at the center.
- Select an element to move, rotate, scale, duplicate, or delete it.
- Nudge a selected element with the arrow keys (hold Shift for a bigger step).
Exporting your drawing
Open the Export tab. Every format is free to download, with no account and no watermark.
- Preview CAD layers: see exactly what the DXF contains, by layer, before downloading.
- DXF: CAD-ready geometry on named layers (Walls, Bearing, Joists, Beams, Grid, Columns, Openings, Elements), in millimeters.
- PNG / PDF: clean drawings with a title block. They always fit the whole plan to the page, whatever your current zoom.
Keyboard & command palette
Work faster with the keyboard:
- ⌘K / Ctrl+K — command palette (run any action).
- ? — full keyboard-shortcut reference.
- V / H / M — Select, Pan, Dimension tools.
- ⌘Z undo · ⌘⇧Z redo · ⌘C/⌘V/⌘D copy / paste / duplicate.
Saving your work
There is no account to create. Your current plan is autosaved in this browser as you work, and you can keep as many named projects as you like from the Projects menu. Because they live in this browser's storage, clearing site data removes them — export a PDF or DXF of anything you need to keep, and use the same browser and device to pick a plan back up.