drawio-mcp-server

概述

此 MCP 服务器允许 AI 模型程序化生成图表，无需浏览器或 Draw.io 实例。它提供超过 700 个 Azure 架构图标，按类别组织，以及基本形状和流程图元素。服务器支持批量操作以获得更好的性能，图层管理和样式预设。它可以生成与 Draw.io 桌面版和网页版兼容的标准 Draw.io XML 格式。

试试问 AI

装完之后，这里有 5 个你可以让 AI 做的事：

• search-shapes

  Fuzzy search for shapes including 700+ Azure icons.

  试试:Find Azure storage icons试试:Search for flowchart shapes试试:Look for database symbols
• get-shape-categories

  List all shape categories (General, Flowchart, Azure categories).

  试试:Show me all shape categories试试:What categories are available?试试:List icon categories
• add-cells

  Add vertices and/or edges to the diagram.

  试试:Add a server icon to the diagram试试:Create a rectangle with 'Database' text试试:Add a connection between two shapes
• edit-cells

  Update vertex cell properties (position, size, text, style).

  试试:Change the position of the database icon试试:Update the text on a shape试试:Resize a rectangle
• export-diagram

  Export the diagram as Draw.io XML.

  试试:Export the diagram as XML试试:Get the Draw.io file content试试:Save the current diagram
• import-diagram

  Import a Draw.io XML string, replacing the current diagram.

  试试:Load this diagram XML试试:Import a Draw.io file试试:Open this diagram
• list-layers

  List all layers with IDs and names.

  试试:Show me all layers试试:What layers exist?试试:List diagram layers
• create-layer

  Create a new layer.

  试试:Create a 'Background' layer试试:Add a new layer for icons试试:Make a 'Network' layer
• create-page

  Create a new page (tab) in the diagram.

  试试:Add a new page for architecture试试:Create a 'Deployment' tab试试:Make a backup page
• list-pages

  List all pages with IDs and names.

  试试:Show me all pages试试:What pages are in this diagram?试试:List diagram tabs
• get-diagram-stats

  Get statistics about cell counts, bounds, and layer distribution.

  试试:Show diagram statistics试试:How many elements are in this diagram?试试:Get diagram metrics
• set-cell-shape

  Apply library shape styles to existing cells.

  试试:Change this rectangle to a server icon试试:Apply an Azure storage style试试:Use the database symbol style

可对比工具

安装

deno run --allow-net --allow-read --allow-env src/index.ts

{
  "mcpServers": {
    "drawio": {
      "command": "deno",
      "args": ["run", "--allow-net", "--allow-read", "--allow-env", "/path/to/drawio-mcp-server/src/index.ts"]
    }
  }
}

docker pull simonkurtzmsft/drawio-mcp-server:latest
docker run -d --name drawio-mcp-server -p 8080:8080 simonkurtzmsft/drawio-mcp-server:latest

FAQ

我可以导出为 PNG/SVG/PDF 格式吗？

服务器生成 Draw.io XML 格式。对于 PNG/SVG/PDF 转换，请使用 jgraph 的 Draw.io `skill-cli` 工作流。

如何查找特定形状？

使用 `search-shapes` 工具进行模糊搜索，可通过部分名称在整个图标库中查找形状。

drawio-mcp-server 对比