
lilepeeps/azure-drawio-mcp
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
MCP를 통해 Azure 아키텍처에 대한 편집 가능한 Draw.io 다이어그램 생성
개요
MCP 서버를 사용하여 Draw.io 형식으로 Azure 아키텍처 다이어그램 생성. GitHub Copilot 또는 Claude와 같은 AI 보조 플러그인으로 생각하십시오. 일단 구성되면 "Azure 아키텍처 다이어그램을 그리기"를 요청하고 당신을 위해 하나를 생성합니다. : 이 프로젝트는 Python 다이어그램 패키지를 사용하여 PNG 다이어그램을 생성하는 dminkovski/azure-diagram-mcp에 의해 영감을 받았습니다. 이 버전은 대신 편집 가능한 .drawio 파일을 출력합니다. - Azure 아키텍처 다이어그램을 .drawio 파일로 생성 - Draw.io의 Azure2 SVG 라이브러리에서 사용 - 100 + Azure 리소스 유형 지원 (VMs, App Services, AKS, SQL 등).
개요(AI 번역)
인증** Azure 아키텍처는 MCP 서버를 사용하여 Draw.io 형식의 다이어그램입니다.
** MCP 서버는 무엇입니까? ** GitHub Copilot 또는 Claude와 같은 AI 보조 플러그인으로 생각하십시오. 일단 구성되면 "Azure 아키텍처 다이어그램을 그리기"를 요청하고 당신을 위해 하나를 생성합니다.
Attribution: 이 프로젝트는 Python
diagrams패키지를 사용하여 PNG 다이어그램을 생성하는 dminkovski/azure-diagram-mcp에 의해 영감을 받았습니다. 이 버전은 편집 가능한.drawio파일을 대신 출력한다.
내용 표
- 왜 PNG 대신 Draw.io?
- 무엇 그것
- 요구 사항
- 빠른 시작
- 옵션 A : 도커
- 옵션 B: GitHub에서 설치
- 옵션 C : 로컬 파이썬
- 사용 예제
- MCP 도구
- 개방형 다이어그램
- 예 Prompts
- 프로젝트 구조
- 문제 해결
- 라이센스
왜 Draw.io PNG 대신?
| 특징 | PNG(오리지널) | Draw.io (이 프로젝트) |
|---|---|---|
| Editable | ❌ 편집 가능 | ✅ 완전 편집 가능 |
| Version Control | ⚠️ 바이너리 디퓨즈 | ✅ XML 텍스트 디퓨즈 |
| VS Code Integration | 보기만 | ✅ VS Code 편집 |
| ** 수출 옵션 ** | PNG만 | ✅ PNG, SVG, PDF |
이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.
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
diagramspackage. This version outputs editable.drawiofiles instead.
Table of Contents
- 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
.drawiofiles - 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
설치
docker run --rm -i -v ${workspaceFolder}:/workspace -e WORKSPACE_MOUNT=/workspace azure-drawio-mcp:latest설정
{
"mcpServers": {
"azure-drawio": {
"command": "docker",
"args": [
"run", "--rm", "-i",
"-v", "/path/to/your/workspace:/workspace",
"-e", "WORKSPACE_MOUNT=/workspace",
"azure-drawio-mcp:latest"
]
}
}
}