RegionKit RegionKit Open Editor →
Free · Browser-based · No install

Free Floor Plan Annotation Tool — Browser-Based

Annotate floor plans with detection zones, room boundaries, camera coverage areas, and spatial metadata. Draw polygons on any floor plan image in your browser, organise by layer, and export coordinates or share via URL. No install needed.

Open RegionKit free

How to get started

  1. 1
    Load the floor plan image
    Drag a floor plan image (JPEG, PNG, or PDF-exported PNG) onto the canvas. For large plans, zoom in with the scroll wheel and pan with the spacebar to navigate.
  2. 2
    Set up layers
    In the Layers panel, create named layers for each annotation type you plan to draw — e.g. Rooms, Corridors, Emergency Exits, Camera Zones. Assign a distinct colour to each.
  3. 3
    Draw room boundaries
    Use the Polygon tool (P) to trace each room outline. Click each corner, then double-click or press Enter to close. Use snap-to-vertex to connect adjacent rooms at shared wall points.
  4. 4
    Link shared walls
    When two rooms share a wall, snap to existing vertices during drawing to create shared control points. Moving a shared wall vertex updates both rooms simultaneously.
  5. 5
    Add labels and metadata
    Select each region and set its label (room name), tags (e.g. "restricted", "monitored"), and description. This metadata is included in all export formats.
  6. 6
    Export or share
    Export as native JSON for downstream processing, PNG for documentation, or publish to a shareable URL for team review.

Why annotate floor plans for computer vision?

Floor plan annotation serves several distinct purposes in CV and security workflows:

Camera zone planning — Before installing cameras, overlay coverage polygons on a floor plan to ensure every critical area is covered and identify blind spots. Export the zone coordinates for use in a coverage simulator.

Detection zone configuration — A multi-camera system needs zone definitions for each camera. Drawing zones on a floor plan (rather than on individual camera frames) lets you reason about spatial coverage holistically.

Access control and occupancy — Define zones that correspond to access-controlled areas, fire escape routes, or monitored spaces. Your system can report which named zone an event occurred in.

Audit documentation — A floor plan with labelled zones is a clear, shareable document for security audits, insurance reviews, and handover packages. Export as a flat PNG to include in reports.

Features built for floor plan work

Shared vertices — Floor plans have shared walls everywhere. RegionKit's shared vertex system lets you connect adjacent room polygons at their common points. Drag a shared wall vertex and every connected room updates simultaneously.

Snap-to-vertex — While drawing, the cursor snaps to existing vertices within 12 screen pixels. A highlight ring appears on the nearest vertex before you click, so you can confirm the snap before committing.

Layers — Organise annotations by type: room boundaries on one layer, camera coverage areas on another, emergency exits on a third. Each layer has independent visibility and lock controls.

Measurement tools — Three measurement annotations let you verify dimensions directly on the plan: distance ruler (M), area measurement, and angle measurement (G).

Text annotations — Place text labels directly on the floor plan — room names, zone IDs, dimension callouts. Text annotations have adjustable font size, weight, colour, and rotation.

Handling large floor plans

Floor plans are often high-resolution. RegionKit handles this entirely client-side. Scroll to zoom, press F to fit the plan to the window, hold spacebar and drag to pan. A minimap in the bottom corner shows the full plan with a viewport indicator for orientation.

Images up to ~20 megapixels work well on modern hardware. Nothing is uploaded regardless of size.

Exporting floor plan annotations

Native JSON — full scene with polygon coordinates in image pixels, layer assignments, labels, tags, and style. Best for downstream processing. See the floor plan annotation guide for Python examples.

PNG — flat composite image with all annotations rendered over the floor plan. Useful for documentation, slide decks, and reports.

Publish and share — publish to a URL so anyone on your team can view the annotated plan in their browser. Version history lets you compare annotation states over time.

Open the floor plan annotation tool →

Try RegionKit — it's free

Browser-based ROI editor. No install, no account, no data upload.

Open the Editor