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 處理所有超出基礎流程圖範圍的需求。唯一該略過的情境:你完全不需要圖表,或者處理機密內容卻不願意自架。