lgazo/drawio-mcp-server

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

1.5천 stars 135 forks 품질 84 트렌드 39MIT

Repository Install

Draw.io 모델 컨텍스트 프로토콜(MCP) 서버

개요

가장 널리 사용되는 도표 도구인 Draw.io(Diagrams.net)로 분위기 다이어그램을 해봅시다. - 내장 Draw.io 편집기 - 브라우저 확장 기능 필요 없음 - AI 에이전트가 Draw.io 다이어그램을 제어할 수 있는 MCP 서버 - MCP 도구를 통한 프로그래밍적 다이어그램 생성, 검사 및 수정 - 복잡한 다이어그램 레이어 관리 - 모든 MCP 클라이언트(Claude Desktop, Claude Code, Zed, Codex 등)와 호환 Draw.io MCP 서버는 AI 에이전트에게 Draw.io 다이어그램 기능을 제공합니다. 이 서버는 다이어그램 요소를 생성, 읽기, 업데이트, 삭제할 수 있는 MCP 도구를 제공하여 AI 어시스턴트가 아키텍처 다이어그램, 플로우차트, 시각적 문서를 자동으로 만들 수 있도록 합니다. 두 가지 사용 방법: 1. - 서버 호스트 Draw.io 직접 브라우저에서 접근 가능. 2. - 확장 프로그램을 통해 브라우저에서 실행 중인 Draw.io 에 연결 실험 중: 통합이 진행 중이지만 현재 상류 CSP 문제로 차단 중입니다 — 자세한 내용은 DESKTOP.md 참조.

개요(AI 번역)

영어 · 简体中文

가장 널리 사용되는 도표 도구인 Draw.io(Diagrams.net)로 분위기 다이어그램을 해봅시다.

주요 하이라이트

Claude Code 플러그인: /plugin marketplace add lgazo/drawio-mcp-server → /plugin install drawio, /drawio-open 및 [/drawio-status 슬래시 명령어
npx drawio-mcp-server install 는 claude-code, claude-desktop, codex, zed, opencode 또는 all의 MCP 구성을 작성합니다.
문서 지속성 도구: [set-document-title 및 save-document
Draw.io 라이브러리 API 버전 호환성 메커니즘
IFrames에서 Draw.io MCP 활성화
AWS, GCP, Azure, Cisco19, CiscoSafe 스텐실은 drawio 사이드바에서 런타임 시 자동 발견됨
다중 탭 워크플로우를 위한 list-documents 및 [target_document 선택기를 통한 다중 문서 타겟팅
페이지 범위 도구에 필요한 target_page 선택기를 이용한 다중 페이지 타겟팅
실시간 작업을 위한 문서별 FIFO 직렬화, 여러 에이전트가 서로 다른 파일을 안전하게 작업할 수 있도록
페이지 관리 도구: list-pages, get-current-page, create-page, copy-page, rename-page
인어 다이어그램을 가져오고, 삽입하거나, 펼치기
Firefox 지원이 다시 시작되었으며, TLS 모드가 필요합니다

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.

README

원문 README의 일부입니다. 원문 보기.

Draw.io MCP server

English · 简体中文

Let’s do some Vibe Diagramming with the most wide-spread diagramming tool called Draw.io (Diagrams.net).

Key Highlights

Claude Code plugin: /plugin marketplace add lgazo/drawio-mcp-server then /plugin install drawio, with /drawio-open and /drawio-status slash commands
npx drawio-mcp-server install writes the MCP config for claude-code, claude-desktop, codex, zed, opencode, or all
Document persistence tools: set-document-title and save-document
Draw.io library API version compatibility mechanism
Enable Draw.io MCP in IFrames
AWS, GCP, Azure, Cisco19, and CiscoSafe stencils auto-discovered at runtime from drawio’s sidebar
Multi-document targeting with list-documents and target_document selectors for multi-tab workflows
Multi-page targeting with required target_page selectors for page-scoped tools
Per-document FIFO serialization for live operations, so multiple agents can work on different files safely
Page management tools: list-pages, get-current-page, create-page, copy-page, rename-page
Import, embed, or expand Mermaid diagrams
Firefox support is back, TLS mode is necessary
Server supports TLS mode and optionally generates self-signed certificates
Import and export diagrams from/to XML, SVG (with embedded XML), or PNG (with embedded XML)
Edge geometry control with waypoints and automatic self-connector routing
Parent-child relationships for nested shapes and grouping
Unified Server and Extension in the same mono-repo
Built-in Draw.io editor - no browser extension required

GitHub에서 전체 README 보기

설치

npx -y drawio-mcp-server --editor

MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →

설정

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": ["-y", "drawio-mcp-server", "--editor"]
    }
  }
}