Site and outer boundaries
Type the plot dimensions or drag to draw it with the A tool. You see the buildable area from the very start; the site coverage ratio is calculated in the right panel.
Plan editor · 2D · 1:100
A floor plan drawn to size, in your browser.
Type the width and length of the house, divide the rooms with walls, and place doors and windows by clicking on a wall. Every dimension you type goes into the plan exactly; room areas are calculated in real square metres. You don't need to know any drawing software, and there's nothing to install; it opens in your browser.
Free account · 2 saved projects · No install
1 cmDrawing precision
15°Angle snapping
4Stage workflow
OutputPNG · .json · PDF
How it works
Four stages, in the order builders work
Each stage builds on the one before. The editor's left panel is made up of these four tabs, so you never have to wonder what to do at which step.
Shell and walls
Draw a room box with O and a wall with W. Type a number while drawing and press Enter, and the wall ends at exactly that length. Doors K and windows P are placed by clicking on a wall; the opening is actually cut.
Space and function
Grab an object from the Furniture tab and drag it onto the plan. You can't know where a socket or drain goes until the bed, counter and desk are in place; that's why this comes before MEP. See the library →
Services and infrastructure Plus
Schematic layout of sockets, switches, lighting circuits and drains, driven by the furniture. The M&E layer unlocks on Plus.
Drawing tools
Everything you need to draw
Tools are grouped by stage in the left panel; each has a single-letter shortcut. For the full list, see the Keyboard Shortcuts page.
W
Wall
Click, point the direction, type the length, Enter. It continues as a chain; Esc ends it. Thickness from 5 to 60 cm, 20 cm by default. Adjoining walls join at the corners, and dimension labels appear automatically.
O
Room
Drag a rectangle or type width × depth. Set its name and flooring in the right panel; its area is shown in m².
K · P
Doors and windows
Click a wall and the opening is cut. Flip the door's swing direction and hinge side; set the window width in cm.
M
Stairs
Pick one of four types and click on the plan. Tread lines and the up-direction arrow follow drafting conventions; then you drag to move it and rotate it with R.
A
Plot
Define the site boundary with a blue dashed line. The building is compared with the boundary and the coverage ratio is calculated.
V · T
Select and label
Grab, move, rotate and duplicate objects. Add free notes to the plan with T: "Socket here", "Hanging length 210".
G · S · L
Grid and snapping
10 cm grid, corner and 15° angle snapping. Walls are always drawn straight and aligned; if you want to draw freely, turn snapping off with a single key.
Ctrl+S · PNG
Save and export
Your work is saved automatically. Download the .json project file with Ctrl+S and open it on another computer; get a high-resolution image with the PNG button. Scaled PDF is in the Plus plan, DXF in Pro.
Floors
Single-storey house or villa?
Single-storey house or villa?
Draw it floor by floor.
Click "Add floor" on the floor bar at the bottom left of the drawing area; the upper floor opens as a blank page, but the floor below stays underneath as an underlay. You use it as a guide to stack the stairs, load-bearing walls and wet areas. Floor numbers are shown on the bar and you switch with one click; to hide the lower floor, turn off the "Lower-floor underlay" button. With the three buttons on the same bar, you bring up the shell, the doors and windows, and the MEP from the floor below, one at a time; doors and windows are matched by position and sit on the wall in the same line.
- Each floor has its own rooms, walls, doors, furniture and MEP; the plot belongs to the project
- "Take shell from floor below": copies the lower floor's rooms, walls, doors and windows to the upper floor in one click
- Toggle the lower-floor underlay; only the selected floor goes into PNG and PDF output, and the floor name is written in the title block
- Double-click to rename a floor (Basement, Attic); move between floors with Page Up / Page Down
This graphic is live: click a floor, add a floor, turn off the underlay.
Door types
From hinged to sliding, each with its plan symbol
Click a wall with the door tool K, then choose the type from the panel that opens to the left of the drawing area when the tool is selected, or from the right panel. Each type is drawn with its own plan symbol; direction and frame flip with one click. Single hinged is in the Free plan, the other five types in the Plus and Pro plans.
Single hinged
Standard room door. Hinge side and opening direction flip with one click.
80 · 90 cm · height 210 cmDouble leaf
Two leaves and two swing arcs, for living room and garden openings. Equal leaves or a 2/3 split.
120 · 140 · 160 cmSliding
Slides on a track in front of the wall; no swing clearance needed, but it needs free wall space as wide as the leaf.
90 · 100 · 120 cmThe leaf slides into the wall and takes up no space on either side. The wall must be at least 12 cm thick.
80 · 90 cm · wall ≥ 12 cmFolding (accordion)
The panels fold up in a zigzag; for narrow corridors and in front of wardrobes. Swing clearance is half that of a single leaf.
60 – 120 cmDouble sliding / balcony
Two leaves slide past each other; for balcony and terrace exits. The glass leaf is drawn in blue, like a window.
160 · 180 · 240 cm
Window types
Six windows, from single casement to bay
Click a wall with the window tool P; choose the type from the panel that opens to the left of the drawing area when the tool is selected, or from the right panel. Glass is drawn in blue, the frame in black; for sliding and tilt windows the opening direction flips with one click. Single casement is in the Free plan, the other five in Plus.
Single leaf
Standard room window; frame and a single glass line. Sill height is 90 cm in 3D.
60 – 150 cmDouble leaf
Centre mullion, two sashes. A wide opening for living rooms and bedrooms.
120 – 200 cmSliding
Two panes slide in front of each other; no swing clearance. For balcony and terrace façades.
150 – 300 cmFixed glass
A non-opening panel with a double glass line. For stairwells, living room corners, display windows.
60 – 300 cmTilt
Top-hinged, opens by tilting inward; a dashed line shows the opening direction. For bathrooms and kitchens.
40 – 100 cmBay
A three-part window projecting out from the wall; it gives you a seating nook. The outer face flips with one click.
120 – 240 cm · projection 40 – 60 cm
Stair types
Four stair types to connect your floors
Stairs take up more room than anything else in a plan. Choose the type that fits your space and place it at its real size; see from the start how much area it takes. On the upper floor the stairs show as an opening, so you won't fill that area by mistake.
Straight
One flight, one direction. Treads are evenly divided and an arrow shows the way up. The simplest solution for narrow corridors and duplexes.
Flight 90–120 · length 250–400 cmL-shaped
Turns 90° at a quarter landing. It fits into a corner and shortens the stairwell; you set the flight down to the lower floor against a wall.
Landing 100×100 · flight 90–110 cmU-shaped
Two flights side by side with a well between them; turns 180° at the landing. Climbs the same floor height in the least floor area.
Total 200–250 · well 8–20 cmCircular
Radial treads around a central column. The most compact solution; for attics, mezzanines and single-person passages.
Diameter 140–200 cm
Spec sheet
Not a sketch — a measured drawing
Every dimension label and every area calculation is a real value; nothing is eyeballed. The editor's defaults come from building practice, and all of them can be adjusted.
- Your work is saved automatically; even if you close the tab, you pick up where you left off.
- Download the project as .json and open it on another computer.
- PNG output is ready for listings, presentations and printing.
- Unit · Scale
- Centimetres · sheet 1:100
- Grid step
- 10 cm by default, changeable in settings
- Wall thickness
- 20 cm by default · 5 – 60 cm range
- Snapping
- Grid, corner points, 15° angle steps
- Dimension labels
- Wall length, room area (m²), plot coverage ratio
- Undo · Redo
- Ctrl+Z · Ctrl+Y
- Saving
- Automatic · project file .json (Open / Save)
- Export
- PNG (Free) · scaled PDF (Plus) · DXF (Pro)
- Language
- English · Deutsch · Français · Türkçe · Español · العربية
- Device
- Desktop browser, tablet in landscape · no install
FAQ
Frequently asked questions
Can I draw a multi-storey house?
Yes. Click "Add floor" on the floor bar; while you draw the upper floor, the floor below shows as an underlay, which you can turn off. You can copy the lower floor's shell in one click. Ground + 1 floor in the Free plan, unlimited floors in Plus and above.
Do I need CAD skills to draw a plan?
No. You start by typing the width and depth; when drawing a wall, just type the length on your keyboard and press Enter. Snapping keeps you from drawing crooked walls.
Where is my drawing saved?
You work with your free account; your plan is saved automatically, and even if you close the tab, you pick up where you left off. You can also download the project as a .json file and open it again later.
Which formats can I export to?
The Free plan offers high-resolution PNG and the project file. Scaled PDF is available in the Plus plan, and DXF (CAD) export in the Pro plan.
Does it work on a phone?
The drawing editor is designed for desktop and tablets in landscape. On a phone you can browse the pages, then switch to a computer to draw your plan.
Can the drawing replace an official building project?
No. Nodaform is a tool for concept visualisation and developing ideas. Structural, architectural and mechanical construction drawings must be approved by a licensed architect and engineer.
Start
Your first plan, ready in your browser, no install.
Create a free account, type in the dimensions and start drawing. The furniture library and PNG export are included in the Free plan.