Design software architecture on a canvas your whole team can edit
Draw services, databases and flows with connected shapes and a searchable icon library, or import a Mermaid flowchart. Because shapes stay attached to their arrows, restructuring a diagram is a drag, not a redraw.
What you get
Connectors that stay attached
Straight, curved or elbow arrows follow shapes as you move them.
Thousands of icons
Search open-source Tabler icons and drop them on the canvas; recolour them in one click.
Mermaid round-trip
Import Mermaid flowcharts as editable shapes and export the canvas diagram back to Mermaid for docs and READMEs.
Review with the code
Place GitHub pull request cards beside the part of the architecture they change.
How it works
- 1Start from the system design template or a blank canvas.
- 2Add services, data stores and flows; press Tab to add the next connected step.
- 3Share the link, then export to PNG, SVG, PDF, JSON or Mermaid.
Questions
Does the canvas keep up with large diagrams?
Yes. Spatial indexing and viewport culling keep large boards smooth on a laptop.
Which Mermaid diagram types can I import?
Flowcharts. Unsupported directives are skipped and listed, never silently dropped.
Keep exploring
Free tool
Mermaid to canvas
Free Mermaid flowchart editor: paste code, preview it live, then open it as an editable canvas. No account needed. Export back to Mermaid.
Read moreTemplate
System design template
Start from a ready-made system design board: clients, services, data stores and flows, fully editable and collaborative. Free to open.
Read moreUse case
GitHub whiteboard
Put GitHub repositories, pull requests and commits on an infinite canvas as live cards, right next to the architecture and roadmap they change.
Read morePlan software visually. Ship it from GitHub.
Open a canvas in seconds. No account, no credit card.