User guide

From blank canvas to portable file.

Create a whiteboard, technical diagram, or presentation; edit it with familiar canvas tools; and keep an editable backup outside browser storage.

Start a diagram Use a template

1. Create or open

Choose Whiteboard, Technical diagram, or Presentation from the home page.
Select a template for a ready-made structure, or open a supported local file.
MapMedium immediately creates a browser-local document and continues autosaving changes.

2. Navigate the canvas

Action	Control
Pan	Hand tool, middle mouse drag, or hold Space while dragging.
Zoom	Mouse wheel/trackpad with Ctrl/⌘, or use the zoom control.
Select	Click an object. Shift-click adds/removes objects. Drag empty canvas for a selection marquee.
Move precisely	Arrow keys; hold Shift for larger steps.
Edit text	Double-click a shape or text object.

3. Draw and connect

Choose a tool from the left toolbar. Drag to create shapes, frames, and ink. With the connector tool, drag from one shape to another to bind the connection; moving either shape updates the route.

Use the right inspector to change fill, stroke, typography, opacity, rounded corners, line routing, arrowheads, rough styling, and shadows.

4. Organise complex work

Pages: use the bottom bar to add, rename, duplicate, reorder, and present pages.
Layers: switch the inspector to Layers to add, hide, lock, rename, or remove layers.
Arrange: select multiple objects to align, distribute, group, or apply automatic layouts.
Frames: create visible regions for sections, boards, or presentation content.

5. Import

Use File → Import or drag a file onto the canvas. The app supports:

MapMedium editable JSON and full-browser backup JSON
Basic draw.io XML, including common shapes and connectors
Mermaid flowchart text
CSV node lists using id,label,parent,type columns
PNG, JPEG, GIF, WebP, and SVG images

Complex draw.io libraries, compressed vendor extensions, VSDX, Gliffy, and Lucidchart-specific formats are not guaranteed in this standalone build.

6. Export and back up

MapMedium file: complete editable document, recommended for backups.
draw.io XML: common shapes and connectors for interoperability.
SVG/PNG: current-page image export.
HTML presentation: a self-contained multi-page viewer.
Print/PDF: browser print dialog for the current page.

Download an editable backup before clearing browser data, switching devices, or making major changes.

Keyboard essentials

Undo / redo	Ctrl/⌘ Z · Ctrl/⌘ Shift Z
Copy / paste	Ctrl/⌘ C · Ctrl/⌘ V
Duplicate	Ctrl/⌘ D
Group / ungroup	Ctrl/⌘ G · Ctrl/⌘ Shift G
Delete	Delete or Backspace
Select all	Ctrl/⌘ A
Presentation	Ctrl/⌘ Enter