跳到主要內容
Lab Grimoire
TW EN
請喝咖啡
ai-tools

drawio-mcp:draw.io 官方 MCP 伺服器,AI 對話內直接產圖

draw.io 官方 MCP 伺服器,讓 LLM 在對話中即時生成、預覽、匯出可編輯圖表。免費開源,內建 10,000+ 形狀(含 AWS、Azure、GCP、UML 圖示庫)。適合需要在 AI 工作流中製作架構圖、流程圖的開發者與研究者。托管端點零設定;處理機密資料可自架。

Best For

經常需要製作架構圖、流程圖、系統設計文件的開發者與研究者。如果你已經在用 draw.io,又希望省去「對話視窗和繪圖軟體之間來回切換」的摩擦,這個工具會讓工作流順暢很多。

How I Actually Use It

我在 Claude 的 MCP 設定中加入托管端點(https://mcp.draw.io/mcp),不用安裝任何東西。需要架構圖或實驗流程圖時,直接在對話中描述需求,create_diagram 工具會即時渲染出可編輯的 draw.io 圖表。如果需要特定圖示(例如 AWS Lambda 符號或 UML 類別方塊),先用 search_shapes 查詢形狀名稱,再帶入圖表 XML。

典型流程:用自然語言描述系統,拿到圖表,要求調整,匯出最終版本。全程不需要切換分頁、不需要手動編輯 XML。

Where It Is Strong

  • 官方維護:由 draw.io 背後的 JGraph 團隊開發,形狀索引隨每次 draw.io 更新自動同步
  • 托管端點免安裝:MCP 設定檔指向 https://mcp.draw.io/mcp,一行搞定
  • 形狀庫極為豐富:10,000+ 形狀,涵蓋 AWS、Azure、GCP、UML、網路拓樸、一般流程圖符號,遠超 Mermaid 或 PlantUML 的能力範圍
  • 輸入格式彈性大:支援 draw.io XML、CSV、Mermaid 語法(Tool Server 模式)
  • 隱私可控:透過 npm 套件(@drawio/mcp)自架,可完全本地運作,不傳送任何資料到外部

Where It Fails

  • 托管模式會將圖表資料傳至 draw.io 伺服器:若圖表包含專有架構設計或病患資料,必須自架;托管端點不適合處理機密內容
  • inline 渲染依賴 MCP Apps 擴充功能:並非所有 AI client 都支援 MCP Apps Extension,互動式預覽可能無法在每個環境中運作
  • 無法從渲染結果反向精修:生成與檢視沒問題,但細部調整(拖曳節點、微調曲線)仍需開啟 draw.io 桌面版或網頁編輯器

Pricing, Difficulty, and Risk

價格:完全免費、開源(Apache 2.0 授權)。托管端點零成本,自架同樣免費。

上手門檻:初學者友善。設定只需在 MCP 設定檔中加一行 JSON。自架需要執行 npx @drawio/mcp 或用 Docker 容器,對習慣終端機操作的人來說毫無負擔。

風險:主要顧慮是托管端點的資料隱私,非機密用途完全不成問題。穩定性方面,有官方團隊維護,可靠度高。不存在供應商鎖定風險,圖表匯出為標準 draw.io XML 格式。

Verdict

如果你的 AI 工作流中經常需要產圖,直接裝。光是形狀庫的豐富程度,就足以取代 Mermaid 處理所有超出基礎流程圖範圍的需求。唯一該略過的情境:你完全不需要圖表,或者處理機密內容卻不願意自架。

Source