Office Map Editor — office guide

Everything you can do with the editor, in the order you normally do it. Nothing here needs an account: the plan lives in your browser until you export it.

  1. 1. Start a plan
  2. 2. Place and arrange elements
  3. 3. Walls, rooms and zones
  4. 4. Properties — who sits where
  5. 5. People and teams
  6. 6. Share with the team
  7. 7. Views and wayfinding
  8. 8. Save, share and print
  9. 9. Occupancy, moves and office screens

1. Start a plan

Pick a mode

Office or Store at the top left. Each mode has its own set of elements and templates.

Start from a template

Templates opens a gallery of ready layouts with furniture and department zones. Click one to load it — it always opens in the style it was designed in.

Or start from your own plan

Upload plan places an image of an existing floor plan behind the canvas. Use the opacity slider to fade it, and Remove plan to take it away. Auto-trace can detect dark walls and closed rooms for you.

2. Place and arrange elements

Add an item

Click an element in the left palette, then click the plan. Use the search box or the Recent row to find items fast.

Move, resize, rotate

Drag to move, drag a corner handle to resize, use Rotate 90° or the rotation slider in the right panel. While dragging you see the size in metres and the gap to the nearest neighbour.

Select several

Drag on empty space to select a group, Shift+click to add. Ctrl+G groups them, Ctrl+Shift+G ungroups. Duplicate copies an item with all of its properties.

Tidy up

Space evenly (Across / Down) spreads the selected items with equal gaps. Snap to grid keeps everything aligned.

3. Walls, rooms and zones

Draw walls

Pick Wall and drag on the plan. The tool stays active so you can keep drawing; corners are mitred automatically and touching walls are glued together. Escape finishes.

Snap and align

Walls snap to corners, intersections and the edges of furniture — a marker shows where they join. Hold Shift while moving to keep a wall on one axis.

Department zones

Zone outline turns clicks into an outline; click the first point or press Enter to close it. Zones can be renamed, reshaped by their corners, and moved as one.

Floor covering

Floor area paints carpet or parquet under the furniture; rooms can have their own covering.

4. Properties — who sits where

Name things

Select an item and type a name in the right panel. The name shows on the plan.

Who sits here

On desks, chairs and meeting tables you get a Who sits here field. Add any other field with + Field — department, phone, asset number.

Edit in bulk

Select several items and use Set a field on all selected to fill one field at once, or Rename all to number them (Desk 1, Desk 2…).

Find people

The search box at the top right finds a person, desk or department and highlights it on the plan.

5. People and teams

Sign in

Sign in creates an account with your email and password (confirm the address once by email). Staff data is private: the directory, attendance and desk bookings are only visible after signing in — visitors with a share link see the plan itself.

Employee directory

People opens the directory: add a colleague with name, job title, department and email, then search by any of them.

Who may change what

You can edit and delete the records you created; an administrator can edit everything. Email addresses are shown to administrators only, so ordinary members see names, job titles, departments and seats.

Seat someone

Select a desk on the plan, open People and press Seat here. The name appears above the desk; Find jumps to a colleague's seat and Unseat frees it.

Who is in today

Mark in records that someone is in the office today. The dot next to the name turns orange, and In today filters the list to people currently in.

Departments

Departments work as neighbourhoods: filter the directory by department and draw the matching zone outline on the plan.

Book a desk for a day

Team → Desk booking shows every desk on the floor for the chosen day. Book holds it for a colleague, Release frees it, and .ics or Google adds the day to a calendar.

Calendar subscription

Pick a person in Desk booking and copy their calendar link. Added once in Google Calendar (Other calendars → From URL) or Outlook (Add calendar → Subscribe from web), every future booking for that person appears and updates on its own.

6. Share with the team

Get a link — no account needed

Press Share map in the top bar, then Create a link. Anyone you send it to can open the map in a browser and build routes themselves.

“You are here”

Select a point and press Set as “You are here”. Every link then starts routes there and shows a large “You are here” label, so visitors only pick where they want to go.

Screens and embedding

The same window gives a full-screen link with the legend, an embed code for your own page, and a ready HTML page (Copy HTML code / Download HTML) to paste into BuzzBlender.

Keep the link up to date

The link shows the plan as it was when you last pressed Push my latest changes to this link. Only the browser that created it can update it; New link starts a fresh one.

7. Views and wayfinding

2D and 3D

Switch between 2D and Isometric. In 3D each item has its own height and elevation sliders. Click straight on a sprite to select it.

Styles

Vector, Realistic and Icons change how elements are drawn — the plan itself stays the same.

Routes

Wayfinding builds a walking route between two points, around walls and furniture, and shows distance and time. Show on map pins every item of a type. ⇗ copies a link that opens the route for someone else.

Navigate the canvas

Space or middle mouse button pans, the +/− buttons zoom, Fit shows the whole floor, and the mini-map shows where you are.

8. Save, share and print

Automatic saving

Everything is saved in your browser as you work, per floor. Use + Floor for more levels and Rename to label them.

Versions

Save version keeps a named snapshot of the current floor in the cloud, so the whole team sees it; restore or delete it later. Undo / Redo (Ctrl+Z) covers the everyday mistakes. Signing in is required for versions.

Files

Save to file downloads the whole project as a .map.json, Open from file loads it back. Export / List (CSV) gives a table of elements, Web page (HTML) a single shareable file, PNG and Print a picture and a printable sheet.

Area take-off

The Area & materials block adds up floor covering, rooms and zones, wall length and surface and room volume. Scale and Ceiling height only affect these figures, not the drawing.

9. Occupancy, moves and office screens

Occupancy analytics

Team → Occupancy analytics shows today's figures — seats, assigned, in office, occupancy — plus a report for 7, 30 or custom days with the busiest day and visits by department. Both Mark in records and desk bookings are counted.

Heatmap

Tick Heatmap in the analytics window and the most used seats glow on the plan with their number of visits for the chosen period.

Move planning

Team → Move planning: Capture as is stores the current layout and seating, then move furniture and reseat people. The report lists who moves where and what was added, removed, moved or renamed, and exports to CSV. A tick shows the old layout as a dashed ghost under the new one.

Show on office screens

Share map → Copy HTML code. In BuzzBlender open a playlist → Media → Web Page → HTML embed tab, give it a name, paste the copied code into “HTML code for embedded app” and press Add Embed. The “How it works” video shows each step. After changes press Push my latest changes to this link — screens refresh without re-pasting.

Keyboard shortcuts

Ctrl + Z / Ctrl + Shift + Z
Undo / redo
Ctrl + C / Ctrl + V
Copy / paste
Ctrl + D
Duplicate
Ctrl + A
Select all
Ctrl + G / Ctrl + Shift + G
Group / ungroup
Delete
Remove selection
Shift + drag
Keep to one axis
Space + drag
Pan the canvas
Enter
Close a zone outline
Escape
Leave the current tool

Stuck?

Quick tour walks through the basics inside the editor, How it works is a 15-second video, and Send suggestion passes an idea straight to us.

← Back to the editor