Type a line, get a diagram.
Press / and write what you mean. Names like DB or queue pick their own shape, and the layout happens as you type.
Free · No sign-up · Runs in your browser
Sketch systems at the speed you think.
Boxes, arrows and a single typed line become clear, hand-drawn diagrams. Then share the whole thing as a link.
Untitled diagramShare
Type itOne line in. A diagram out.Press / and describe the system in plain words. Each arrow becomes a connection as you type.
/
try
Use it for
From a rough idea to something worth sharing.
Checkout platform
1
Design the system.
Services, stores and the arrows between them, sketched in minutes. Send the link to your team for review.
How RAG works1/1
♡ 2.4k↻ 318PNG · 1080²
2
Post it.
Hand-drawn diagrams stand out in a feed. Export a crisp PNG or SVG for LinkedIn, X or your blog.
3
Explain it.
Flows, decisions, mind maps and data models for docs, lessons and talks. No design skills needed.
Templates
Start from something that already works.
Open one, then make it yours. Your last sketch stays one undo away.
- Product flowIllustrated steps + explainer cards
- PipelineAuto-laid-out steps with captions
- System architectureServices, stores, elbow routing
- RAG pipelineTwo inputs merging, auto layout
- FlowchartTop-down decision with branches
- Mind mapSticky notes with curved links
- Cloud regionsNested frames, replicas, a collapsed group, notes
- State machineSelf-loops and two-way transitions
- Data modelTables with keys and crow’s-foot links
- BlankTwo nodes, one edge
In action
Every feature, up close.
Arrows that hold on.
Start or end an arrow on a shape and it attaches. Move the shape and the arrow comes with it.
A dial at your pointer.
Right-click, long-press or tap Space. Flick toward a tool to pick it.
Frames that fold away.
Group a region in a frame, then collapse it to a chip when you need the room.
Share
↗
PNGSVGJSONMermaid
Link copied
The link is the file.
The whole sketch travels in the URL. Or export PNG, SVG, JSON and Mermaid.
Blocks that do more than boxes.
Checklists that tick, metrics with sparklines, tables with keys, code and API routes. About 30 block types and 90 icons.
Atlas
120
Never lose your place.
The Atlas minimap shows the whole board. Pin views to keys 1–9 and fly between them, or press 0 to fit everything.