Zoomflow
Create / open
Order floworder.d2
Built-in examples

Explore a diagram, then make it your own.

Local drafts survive reloads when browser storage is available. Download a copy to keep.

View
D2 documentation ↗

Keyboard shortcuts

Use ⌘ on Mac or Ctrl on Windows and Linux.

Workspace

Save or download source
⌘ / Ctrl + S
Find a board or shape
⌘ / Ctrl + Shift + F
Toggle D2 reference
⌘ / Ctrl + Shift + /
Close shortcuts, reference, or fullscreen
Esc

In the source editor

Reveal selected source in diagram
⌘ / Ctrl + Shift + Enter
Format D2 source
Shift + Alt + F
Toggle line comments
⌘ / Ctrl + /
Undo
⌘ / Ctrl + Z
Redo
⌘ / Ctrl + Shift + Z
Find in source
⌘ / Ctrl + F
Show diagnostics
⌘ / Ctrl + Shift + M
Leave the editor
Esc, then Tab

In the AI prompt

Send the prompt
⌘ / Ctrl + Enter

In the diagram

Select a focused shape’s source
Enter or Space
Select a linked shape’s source
Alt + Enter
Open a focused board link
Enter
Move between diagram shapes
← → ↑ ↓
Hide / unhide a focused shape in exports
H
First / last shape
Home / End
Leave the diagram for its controls
Tab
Go to the parent board
Esc or Backspace
Pan the diagram
⌘/Ctrl + drag (or Space + drag while zoomed)
Pan a zoomed diagram with the keyboard
Shift + ← → ↑ ↓
Zoom in / out
+ / −
Fit the diagram
0
Select source without opening a link
Alt + click

In the “Earlier boards” menu

Move between boards
↑ ↓
First / last board
Home / End
Close the menu
Esc

With a resize divider focused

Resize source / reference panels
← → / ↑ ↓
Smallest / largest diagram share
Home / End

No diagram in this pane

Choose a draft or built-in example, or start from an empty source.

D2 source
Loading preview…Lint pending…
Ask AI about this diagram

Checking local AI availability…

AI settings

Lets the AI read and change files and run commands without asking. A diagram you didn't write could steer it.

Lint options