Diagrams & flowcharts

Every project has a diagram canvas. It is both a planning tool and a specification Claude can read.

Drawing

• Add nodes from the toolbar: Start, Step, Decision, Page, Component, API, Service, Data, Input, Note, End.
• Drag from a handle on one node to another to connect them. Select a connection to label it (for example yes / no).
• Select a node to edit its label, kind and a note with details for the AI.
• Tidy arranges everything top to bottom.
• Press Delete or Backspace to remove the selection.

Changes save automatically.

Diagram → code

Press Build from diagram. Claude receives every node, note and connection, and implements the app that the diagram describes. The diagram is also included with every other request, so you can say “add the checkout step from the diagram”.

Code → diagram

Press Ask AI to draw, or ask in chat: “Draw the architecture of this project.” Claude replaces the canvas with a laid-out flowchart.