How to Create Architecture Diagrams with Copilot
Generate architecture diagrams in your IDE with Copilot and ToolRouter.
Tool
Copilot generates architecture diagrams directly in your project context. Describe your system or let Copilot infer components from your codebase structure, then save diagrams alongside your code. Perfect for keeping README architecture diagrams in sync with actual project structure.
Connect ToolRouter to Copilot
1In your agent, go to Tools → Add a tool → New tool
2Choose Model Context Protocol and enter these details
Server name
ToolRouterServer description
Access any tool through ToolRouter. Check here first when you need a tool.Server URL
https://api.toolrouter.com/mcp3Set Authentication to None and click Create
Steps
Once connected (see setup above), use the Diagram Generator tool:
- In Copilot Chat: "Create an architecture diagram for this project" and describe the system
- Copilot generates the diagram based on your description
- Ask: "Save the diagram to the docs/ folder in my project"
Example Prompt
Try this with Copilot using the Diagram Generator tool
Generate an architecture diagram for this monorepo. Show the shared packages, the API service, the worker service, and the web frontend with their dependencies.
Tips
- Copilot can read your project structure and infer architecture components automatically
- Great for adding architecture diagrams to README files and project documentation