lilepeeps/azure-drawio-mcp

开发工具

本页由 AI 翻译，技术细节请以原文为准。查看原文

11 stars 5 forks 质量 69 趋势 18MIT

Repository Install

Generate editable Draw.io diagrams for Azure architectures via MCP

概览

Generate Azure architecture diagrams in Draw.io format using an MCP server. Think of it as a plugin for AI assistants like GitHub Copilot or Claude. Once configured, you can simply ask "draw me an Azure architecture diagram" and it generates one for you. : This project is inspired by dminkovski/azure-diagram-mcp which generates PNG diagrams using the Python diagrams package. This version outputs editable .drawio files instead. - Generates Azure architecture diagrams as .drawio files - Uses from Draw.io's Azure2 SVG library - Supports 100+ Azure resource types (VMs, App Services, AKS, SQL, etc.

README

以下为原文 README 节选，完整内容请查看原文。

Azure Draw.io MCP Server

Generate editable Azure architecture diagrams in Draw.io format using an MCP server.

What’s an MCP Server? Think of it as a plugin for AI assistants like GitHub Copilot or Claude. Once configured, you can simply ask “draw me an Azure architecture diagram” and it generates one for you.

Attribution: This project is inspired by dminkovski/azure-diagram-mcp which generates PNG diagrams using the Python diagrams package. This version outputs editable .drawio files instead.

Why Draw.io Instead of PNG?
What It Does
Requirements
Quick Start
Usage Examples
MCP Tools
Opening Generated Diagrams
Example Prompts
Project Structure
Troubleshooting
License

Why Draw.io Instead of PNG?

Feature	PNG (Original)	Draw.io (This Project)
Editable	❌ Not editable	✅ Fully editable
Version Control	⚠️ Binary diffs	✅ XML text diffs
VS Code Integration	View only	✅ Edit in VS Code
Export Options	PNG only	✅ PNG, SVG, PDF
Dependencies	Requires Graphviz	✅ Pure Python
Adjust Layout	❌ Regenerate	✅ Drag and drop
Azure Icons	✅ Built-in	✅ Azure2 SVG Library

What It Does

Generates Azure architecture diagrams as .drawio files
Uses official Azure icons from Draw.io’s Azure2 SVG library
Supports 100+ Azure resource types (VMs, App Services, AKS, SQL, etc.)
Auto-layouts resources left-to-right (data sources on left, destinations on right)
Groups resources into visual clusters (resource groups, VNets, subnets)
Creates connections with labels and different line styles (solid, dashed, dotted)
Auto-opens diagrams in VS Code after generation

Fully Editable Output

Unlike PNG generators, the diagram is just a starting point — customize it however you like:

Drag icons to reposition — connections auto-route
Resize groups by dragging edges
Add labels by double-clicking connections
Copy/paste icons and groups between diagrams
Export to PNG, SVG, or PDF when done

Example Output

在 GitHub 查看完整 README

安装

docker run --rm -i -v ${workspaceFolder}:/workspace -e WORKSPACE_MOUNT=/workspace azure-drawio-mcp:latest

新手？先看 mcpskill.org 教程 →

配置

{
  "mcpServers": {
    "azure-drawio": {
      "command": "docker",
      "args": [
        "run", "--rm", "-i",
        "-v", "/path/to/your/workspace:/workspace",
        "-e", "WORKSPACE_MOUNT=/workspace",
        "azure-drawio-mcp:latest"
      ]
    }
  }
}