Structured diagram studios for system design, workshops, and diagram-as-code.
The diagram route brings canvas, diagram, architecture, and automation studios into one workflow so workshops, incident flows, C4 views, and coded diagrams can be built, reviewed, and exported without moving between separate tools. Templates, Mermaid, D2, PlantUML, prompts, and Python stay inside the editor only when they help.
Workflow
Open the right studio and start working
Choose a studio
Canvas, Diagram, Architecture, or Automation. Pick the editor built for sketching, mapping, system design, or diagram-as-code.
Use starter actions only when needed
Templates, import, prompt, and Python now stay inside the editor instead of replacing it.
Build, review, and export
Iterate in the editor, save the draft, and export for documents, decks, or delivery.
Our studios
Four crafted surfaces, each looping its own working rhythm so you can see what the studio is built to do before you open it.
Workshops
Canvas
Open a blank whiteboard for workshops, story maps, and early structure.
Workshop board flows across releases and themes without leaving the canvas.
Open blank Canvas
Flowcharts
Diagram
Open the structured editor for flowcharts, sequences, ERDs, and org views.
Decision paths draw cleanly, branch clearly, and stay review-ready.
Open Diagram editorEnterprise
Architecture
Open enterprise, software, or process architecture tabs and map the system directly.
System dependencies pulse across views so architecture reads as a working model.
Open Architecture tabs
Runbooks
Automation
Write Mermaid, D2, PlantUML, Graphviz, DBML, and more with live preview and export-ready output.
Code, render, and preview stay in one surface instead of bouncing between tools.
Open Automation StudioOpen with a prepared starting point
Prompt
Plain English
Python
Scripts
Mermaid
Flowcharts as code
D2
Declarative
PlantUML
UML and sequences
Blank
Empty canvas
Graphviz
Graph layout
Drag & Drop
Visual editor
Browse templates
Retrospective Board
Went Well / To Improve / Actions columns with sticky notes
User Story Map
Epics with user stories arranged in vertical columns
Wardley Map
Position elements along evolution axis from Genesis to Commodity
Customer Journey Map
Phases with sentiment curve and customer touchpoints
Business Model Canvas
Nine-block model for value proposition, channels, and revenue
Event Storming Board
Domain events, commands, and hotspots in one workshop view
Decision Flow
Operational workflow with validation, fraud screening, and escalation loops.
Incident Response Escalation
Triage and response path for high-severity incidents
Product Analytics ERD
Event tracking schema with sessions, events, properties, and funnels.
Three-Layer Operating Model
Business, application, and technology layers with traceable dependencies.
C4 Container Reference
System context and container-level architecture with runtime dependencies.
Incident Escalation Flow
Operational flowchart with severity gates and escalation loop.
Zero-Trust Network Topology
Segmented network with policy gateway, service mesh, and SIEM.
C4 PlantUML Operating Suite
Context, container, component, and deployment sections in one PlantUML starter with decision anchors and CI export hints.