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 or a plan you start from scratch in the browser. The canvas supports walls, doors, windows, wall openings, rooms, stairs, furniture, notes and dimensions, organized in layers and levels. Geometry is real (every wall has a length, every room has an area), so rooms are found again and areas update after every edit.

Drawing works the way CAD users expect. While you draw a wall you can type its length and angle (14'6", 4.2 m, or a sum such as 12'+6") and keep going corner to corner. Object snaps find wall ends, middles, crossings and square corners, with a marker naming each one; Ortho keeps lines straight across or up and down, and Polar tracking locks every 15° to 90°. Walls have types (2x4, 2x6, CMU, metric sizes or your own) and can be drawn along their inside or outside face, and they join cleanly at any angle. Select several items with a box or Shift-click to move, mirror, array, align or space them evenly; offset, trim, extend and join walls; and copy and paste between levels and plans.

Furniture, cabinets and stairs snap too: dragged near a wall, an item sits flush against the wall's face at whatever angle the wall runs, wall-backed items turn to face into the room, and items line up with each other. Hold Alt (Option) to move anything freely. The canvas can be dark or paper-white, zooms to true scale (1/4" = 1'-0", 1:50) with rulers and guides, and shows the plan set's room tags and dimension strings live. Every dimension on screen is the measured value of the geometry, in imperial or metric units.

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.

The mobile app is built for capture and the web app for refinement; both read the same plan format, so nothing is lost or converted on the way from the field to the office.

Creating a Floor Plan From Scratch in the Browser

You do not need an iPhone scan to use the web editor. Start a new plan in the browser and draw walls, stamp a room shape, or trace over an image of an existing drawing; a new plan can also open a finished sample house to try the tools on. Type each wall's length as you go, or let the 25 cm grid and object snaps place corners; holding Shift while drawing flips Ortho. 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, typed lengths, object snaps and edit commands such as offset and trim will feel familiar, with a ⌘K command palette to find any tool by name. There are no parametric relationships between walls, only the geometry you place, which keeps the editor approachable for anyone on your team without 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; they snap to the middle of the wall or a 4" return from a corner, with the clear distance on each side shown as you slide 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

The web editor exports PDF plan sets for client and permit deliverables (also as SVG or PNG sheets), DXF for any CAD-driven trade or engineering review, GLB, USDZ and OBJ 3D models, Excel or CSV schedules, IFC for BIM tools, 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).

For multi-level buildings, a Pro plan set puts every level in one PDF at a common scale, the DXF can hold every level with a layer set per level, and the 3D and IFC models stack the levels at their heights. On Pro you can also lay out your own sheets in the Sheets view (plans at a chosen scale, a 3D view, schedules, photos and notes), and the set is saved with the project, so re-exporting after an edit is one click. The multi-level commercial scanning guide covers the level setup that makes these exports clean.

Sharing is the part most desktop tools get wrong. On Pro and Business 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

Feedback no longer has to come back by phone or email. You can pin comments to spots on a saved plan, reply and mark them resolved. On Pro and Business, turn on review for a share link and the client can leave comments, arrows and clouds right on the plan without being able to edit it; their comments appear in your editor as they arrive. Useful for general contractors checking a layout with a homeowner, insurance teams reviewing an adjuster's capture before the estimate is written, and designers collecting a client's notes on a draft.

Pro also keeps a version history: save a version before a round of changes, then compare any version with the plan as it is now. Added, removed and changed walls, doors and furniture are coloured on the plan with the change in floor area, and a version can be restored in one click. The Business plan adds a team workspace where you invite members and manage their roles.

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 drafting tools themselves (typed lengths, snaps, wall types, edit commands and smart snapping) are on every plan, including Free. The Pro plan unlocks unlimited projects, multi-level plan sets and watermark-free PDFs, DXF, 3D and schedule exports, sheet layouts, review links, version compare, and cloud sync. The Business plan adds IFC and XML export, your logo on the sheets, and a team workspace. 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.