Web-Based Floor Plan Maker: Edit and Share Floor Plans in Your Browser

The two questions that come up every time we demo the web editor: "do I need to install anything?" (no) and "can the people I work with see this without an account?" (yes). Both answers point to the same underlying truth — a web-based floor plan maker is the right tool for the office side of a floor plan workflow, even if you do all your capture on an iPhone.

This article covers what a browser-based floor plan editor is good for, where it fits relative to mobile capture, and how the vPlan AR web app at vplan.ai compares to the desktop CAD and one-off online drawing tools you might already be using.

Why a Web-Based Floor Plan Maker Wins on Workflow

Desktop CAD (AutoCAD, Revit, SketchUp) is powerful and slow to learn, and you pay per seat. Pen-and-paper sketching and PDF markup tools are quick but lose all geometric meaning the moment a dimension changes. A web-based floor plan maker lives in the middle: real geometry, real exports, no install, no license overhead, and a URL you can send to anyone.

For professional workflows specifically, browser-based plans solve three real problems. First, no IT involvement — you do not need an admin to install software on a contractor laptop. Second, true cross-platform — the same plan opens on Mac, Windows, Linux, and Chromebook. Third, instant sharing — a share link goes to a client or sub without them creating an account, and the plan they see is always the current version.

What the Browser Editor Actually Does

The vPlan AR web editor at vplan.ai opens any project from your account — a scan captured on iPhone, a plan you start from scratch in the browser, or one a teammate created. The canvas supports walls, doors, windows, rooms, dimension annotations, and layer-based organization. Geometry is real (every wall has a length, every room has an area), so changes propagate through the document automatically.

Tools are kept deliberately small in number: a select-and-move tool, a wall draw tool, door and window placement, room labels, and dimension annotation. The complexity of CAD lives behind the export — you can produce a DXF that an engineering firm opens in AutoCAD without exposing every CAD primitive in the editor itself.

Grid snap, corner snap, and wall snap are on by default. For non-rectangular spaces, you can hold a modifier to disable snapping and place a wall at any angle. Every dimension you see on screen is the actual measured value of the underlying geometry, in either imperial or metric units (set globally in the settings).

Pairing the Web Editor With iPhone Capture

The single most productive workflow we see: scan with the iPhone in the field, refine in the browser at the office. Capture is what mobile is great at — walking through a space, holding the phone, watching the AR overlay form a floor plan in real time. Detailed refinement (renaming twelve rooms, adjusting a half-dozen wall lengths, adding annotations for the client) is what a large monitor and keyboard are great at.

Scans sync to your account automatically. When you open vplan.ai in the browser and log in with the same account you use on iPhone, every scan you have captured is in the Projects list, ready to open. The geometry transfers verbatim — walls, openings, room labels, multi-level structure all come through. For the iPhone side of this workflow, see our deep dive on using iPhone as a floor plan scanner.

This pairing also works in the other direction: a plan you draft in the browser can be opened on iPhone for review or quick edits in the field. The mobile app is built for capture; the web app is built for refinement; both produce the same project file under the hood.

Creating a Floor Plan From Scratch in the Browser

You do not need an iPhone scan to use the web editor. Click New Project on the projects page, pick a blank canvas, and start drawing walls. The default snap grid is 6 inches (or 15 cm in metric); holding shift while drawing constrains to 90° angles. A typical small office or apartment takes 10–20 minutes to draft from scratch if you already have a sketch or rough measurements to work from.

For people coming from drawing tools (SketchUp, even Figma), the wall tool will feel familiar — click to place each corner, click the starting corner to close the room. For people coming from CAD, the constraint-based editing will feel light by comparison: there are no parametric relationships between walls, only the snap-aware geometry you place. The trade-off is that the editor is approachable for anyone in your team without three days of training.

Once you have walls, drop doors and windows by selecting the tool and clicking the wall where you want to place them. Each opening has a width property you can adjust in the property panel. Room labels and area calculations populate automatically as you close each room. For common pitfalls when starting from scratch (especially around non-90° corners and multi-level setups), the five floor plan mistakes that cost contractors time and money post applies almost verbatim to web-editor work.

Exporting and Sharing From the Web

Exports from the web editor match the mobile app one-to-one: PDF for client and permit deliverables, DXF for any CAD-driven trade or engineering review, OBJ for 3D rendering and visualization workflows, and XML for structured floor plan data integrations (including a layout designed to map cleanly into property-loss estimating tools — see the insurance adjuster integration walkthrough for details on the XML schema).

Each export runs server-side, so you get a downloadable file in under five seconds for typical residential plans, and 10–20 seconds for large commercial multi-level projects. For multi-level buildings specifically, the DXF and PDF exports both preserve the level structure — separate layers in DXF, separate pages in PDF. The multi-level commercial scanning guide covers the level setup that makes these exports clean.

Sharing is the part most desktop tools get wrong. The web editor generates a share link for any project — a URL that opens the plan in read-only mode for anyone you send it to, with no account required. Clients can view, pan, and zoom but not edit. The link can be revoked at any time. For real estate use specifically, this is how you put a floor plan in front of buyers without making them sign up for anything; the real estate listings workflow walks through the MLS-side details.

Collaboration: Share Links, Comments, and Sync

Beyond simple read-only share links, the Business plan supports team collaboration: multiple editors working on the same plan, with their changes synced through the cloud. Useful for general contractors coordinating with a drafter, insurance teams reviewing an adjuster's capture before the estimate is written, and architecture or design firms where the principal reviews work-in-progress from a junior designer.

For one-off feedback from a client or sub, the lighter-weight pattern still works: send a share link, get a phone call or email back with the changes, make the edits yourself. The web editor is designed for both ends of that spectrum — small teams that just need shareable URLs, and larger teams that need real concurrent editing.

How Free Is "Free Online Floor Plan Maker"?

We get asked this often. vPlan AR's free tier includes two projects per month and watermarked PDF exports, on both mobile and web. That is enough for someone evaluating the workflow, an agent listing one or two properties a month, or a homeowner planning a single renovation. There is no time limit and no required credit card — it is genuinely free to try on real work.

The Pro plan unlocks unlimited projects, all export formats, watermark-free PDFs, and cloud sync. The Business plan adds team collaboration. Both manage cleanly through standard App Store / web billing — see our pricing page for current rates.

If you are evaluating a web-based floor plan maker for professional use, the most useful thing you can do is capture or draft two or three real plans and run the full export workflow end-to-end. The friction points (or the lack of them) show up in concrete projects in a way they never do in a tool demo. The web editor is at vplan.ai; the iPhone capture app is on the App Store.