About Roomdraft

Roomdraft is a floor plan editor that runs in the browser. You draw walls, and it works out the rooms, their names and their floor areas. You can furnish them with pieces at real sizes, measure, trace over a photo of an existing plan, export a true-scale PDF for a builder, and look at the result in 3D.

Why it exists

Most floor plan tools are either professional CAD software that takes weeks to learn, or simple room planners that do not keep measurements accurate. Roomdraft sits in between: precise enough to hand to a builder, simple enough to use on a first visit, and free without an account.

How it works

Under the drawing there is a wall graph: every wall is an edge between two points, and where walls meet they share a point. When you draw or move a wall, Roomdraft updates the graph and then walks around it to find every closed area — the same idea as tracing the faces of a map. Each closed area becomes a room. Its floor area is measured inside the walls, using each wall's real thickness, and a room standing inside another room is subtracted from the outer one.

Because the walls are the single source of truth, everything else follows from them: doors and windows stay on their wall when it moves, room names stay with their room when walls are split or merged, and the 3D view, the PDF and the estimates all read the same data.

Every change is one step you can undo. Plans are saved in your browser as you work and can be saved as files; older files keep opening as the format grows.

Built with

Next.js and React for the interface, Fabric.js for the 2D canvas, three.js for 3D, and TypeScript throughout. The geometry — wall graph, room detection, door placement, clearances — is plain, tested code that does not depend on the drawing library.