- Rooms: press R and drag on the canvas. Moving a room moves everything inside it (hold Alt to move only the room).
- Devices: type a name in βAdd deviceβ and press Enter, click one in the library, or double-click the canvas. Known names (UPS, Home Assistant, ESP32, routerβ¦) get an icon automatically.
- Text inside a box: double-click it. The first line is the name and the next lines are the description. Enter saves, Shift+Enter adds a new line.
- Arrows: select a device and drag its blue + onto another, or press C and click both devices. Press F to flip the direction. Drag the dot in the middle of a line to curve it.
- Saving: everything is saved automatically in this browser. Use Download for a backup file you can open anywhere, or drop it onto the canvas.
Shortcuts
Select / PanV H / hold Space
Room / Box / CircleR B O
Text / Draw / ConnectT P C
Edit text of selectionEnter
Flip arrowF
DeleteDel
Undo / RedoCtrl Z Ctrl Y
Copy / Paste / DuplicateCtrl C Ctrl V Ctrl D
Select allCtrl A
Multi-selectShift+click / drag box
Nudgearrows (Shift Γ10)
Zoom / Fitwheel, + - / 0
Move freely (no snap)hold Ctrl while dragging
Download / OpenCtrl S Ctrl O
SearchCtrl F
Open device web UIclick the β badge
Tip β host it inside Home Assistant
Copy homemap.html to /config/www/. It will then be available at http://<your-ha>:8123/local/homemap.html, and you can add it to the sidebar as a Webpage dashboard. Diagrams are stored in the browser you use, so download a backup now and then.