ARCHITECTURAL DRAWING · INTERACTIVE 3D · WAVE 24
2D/3D Floor Plan & Room Designer Studio
Sketch walls, doors and windows on a snapping 2D grid. Arrange furniture, measure enclosed area, orbit a genuine 3D wall model and export your floor plan as SVG, PNG, PDF or an editable project.
Design an accurate 2D room and inspect in 3D
Choose Wall and click connected corners. Grid snapping creates a clean editable wall network. Door and window markers attach to nearby walls, and furniture is placed using ready-made templates. If walls form one connected closed polygon, the app calculates its enclosed footprint. Three.js renders approximate 3D walls and furniture boxes for spatial preview.
Export to vector and editable formats
PNG creates a rendered canvas image; SVG creates scalable wall and furniture shapes; PDF exports the 2D plan; and project JSON preserves the wall/furniture data for future editing. The geometry is intended for concept layouts, real-estate sketches and furniture planning, not technical architectural plans.
Related tools and standards
Use Room Area Calculator and Print Scale Calculator for additional planning. 3D technology background: Three.js.
Frequently asked questions
Does the designer produce a real 3D model?
Yes, a WebGL model of approximate 3D walls and furniture is built from your drawn plan. It is not full building information modeling.
Can I calculate floor area?
Yes, when one continuous polygon is closed. Non-connected wall networks report no enclosed area.
Can I import a saved plan?
Yes, save or import the editor’s JSON project format.
Floor plan creator for room layout and furniture planning
Draw connected walls on a snapping grid, add doorway and window markers, place simplified furniture and compare the space in an interactive 3D WebGL view. Floor area is calculated only when the wall loop forms a closed polygon. Save an editable JSON project to return to the layout later, or export PNG, SVG and PDF versions for sharing. The editor is useful for initial furniture sketches, renovation brainstorming and design communication—not certified architectural drawings.
Improving floor-plan dimensions
Choose meters or feet and record measurements from your real room. Adjust wall thickness and verify door swing and furniture clearance independently. The 3D model uses approximate wall and furniture geometry; doorway symbols do not carve exact physical gaps in the 3D walls. Use Room Area Calculator for independent size checks and Print Scale Calculator for printed layouts where appropriate. Rendering engine: Three.js documentation.
Draw 2D floor plans and inspect a 3D room model
Select the wall tool and click or tap connected corners on the snapped grid. Close the final wall to calculate an approximate enclosed floor area, then place furniture or add door/window markers. Use the WebGL 3D preview to orbit the wall model and inspect room scale. Export a PNG, scalable SVG, PDF snapshot or editable project JSON.
This is a concept-planning tool, not professional CAD. Door and window icons currently mark openings on the 2D plan but do not actually cut wall geometry in 3D. Measurements and area depend on the modeled layout and should not be used as engineering drawings or permit documents. Save editable JSON to resume; use Room Area Calculator for separate measurement checks.