How to Create Architecture Diagrams with Claude
Generate architecture diagrams with Claude and ToolRouter. System diagrams from text descriptions.
Tool
Claude generates architecture diagrams through an iterative design conversation. Describe your system, get a diagram, then refine by adding infrastructure boundaries, adjusting component groupings, or including error paths through follow-up requests. The diagram evolves alongside your conversation, matching how architecture decisions actually get made.
Connect ToolRouter to Claude
1Go to Settings → Connectors → Add custom connector
2Enter the details below and click Add
Name
ToolRouterURL
https://api.toolrouter.com/mcp3Done — works on Claude chat, desktop, and mobile
Steps
Once connected (see setup above), use the Diagram Generator tool:
- Ask Claude: "Create an architecture diagram using diagram-generator" and describe your system
- Claude generates the diagram showing components and their connections
- Download the diagram for your documentation or presentation
Example Prompt
Try this with Claude using the Diagram Generator tool
Create an architecture diagram for our system: a React frontend talks to an API gateway, which routes to three microservices (auth, orders, payments), each with its own PostgreSQL database. Orders publishes events to a Kafka topic that payments consumes.
Tips
- Describe the connections between components explicitly for the clearest diagram
- Ask Claude to iterate on the layout or add specific groupings like VPC boundaries