Draw your room layout below, then export it as text (or JSON) to paste into an LLM like ChatGPT, Claude or Gemini, for furnishing ideas and layout suggestions. Everything you draw is saved automatically in your browser – there’s no account and nothing is uploaded anywhere. You can read instructions on how to properly use the tool here.

Instruction

1. Draw a room

Click the Room tool, then either:

  • Drag a rectangle straight out on the canvas, or
  • Click a series of points to trace any shape – including L-shapes, notches, and alcoves — then click back near your starting point to close it.

You’ll be asked to name the room (e.g. “Kitchen”, “Living room”) when you close the shape.

Typing an exact length: while placing points, instead of clicking the next corner you can type a number and press Enter. It places that corner at exactly that distance, in the direction your cursor is currently pointing (the angle snaps to 15° steps; hold Shift for a free angle). A live label follows your cursor showing the distance so far.

2. Reshape a room

Click Select, then click a room to see its corners (dots) and walls (small squares at each wall’s midpoint):

ActionWhat it does
Drag a cornerMoves that corner
Drag a wall’s square handleMoves the whole wall; connected walls stretch to follow
Click (don’t drag) a wall’s handleOpens a box to type that wall’s exact length
Double-click a wallAdds a new corner there, so you can turn a rectangle into an L-shape or add a notch
Click a corner, then press DeleteRemoves that corner (a room needs at least 3)

Dragging is precise by default – it won’t snap to the grid. Hold Shift while dragging if you want it to snap to the grid instead.

Every wall shows its length right next to it at all times.

3. Add doors and windows

Click Door or Window, then click anywhere along a wall to place one.

  • Drag an existing door/window to slide it along its wall.
  • Click (don’t drag) an existing door/window to type its exact width.

4. Set the scale

At the top of the toolbar, “1 grid cell =” lets you tell the tool how many meters (or feet) one grid square represents. This is what makes wall lengths and areas come out in real-world units.

5. Move around the canvas

  • Pan: hold the spacebar and drag.
  • Zoom: scroll up/down over the canvas.

6. Undo, delete, and clear

  • Undo / Redo buttons (or Ctrl+Z / Ctrl+Shift+Z) step back and forward through your changes.
  • Delete removes whatever’s currently selected (a room, a corner, or a door/window).
  • Clear wipes the whole plan and starts over – it asks for confirmation first, since it can’t be undone.
  • New plan does the same as Clear.

7. Export for an LLM

In the Export panel:

  • Copy text summary – a plain-English description of every room, its walls, its doors/windows, and how rooms connect. Paste this straight into ChatGPT, Claude, or any LLM and ask for furnishing or layout ideas.
  • Copy JSON – the raw underlying data, for anyone who wants an LLM to reason over the exact geometry.
  • Download PNG – a snapshot image of the canvas.

8. Share a plan with someone else

In the Share panel:

  • Copy plan code – turns your entire plan into a single text code and copies it to your clipboard (it also shows the code on screen in case your browser blocks clipboard access).
  • Insert plan code – paste a code someone sent you here and click Load to get an exact copy of their plan. This replaces whatever you currently have drawn, so it will ask you to confirm first.

The code only works between people who share it directly — it isn’t posted anywhere.

Keyboard shortcuts

KeyAction
RRoom tool
DDoor tool
NWindow tool
EscCancel the current action / switch to Select
Ctrl+ZUndo
Ctrl+Shift+ZRedo
Delete / BackspaceDelete the current selection
Shift (held while clicking/dragging)Bypass grid snapping, or snap to grid when reshaping an existing room – whichever is the opposite of that action’s default
Digits + Enter (while drawing a room)Place the next corner at an exact typed distance

Nothing is saved to the website. Your plan lives only in your browser’s local storage, tied to this page. Clearing your browser data, or opening the page in a different browser/device, starts you with a blank plan – use Copy plan code first if you want to keep or move a plan.

Leave a Reply

Your email address will not be published. Required fields are marked *