安裝

$ claude mcp add --scope user drawio -- npx @next-ai-drawio/mcp-server@latest

--scope user 讓所有專案都能用這些工具。不加的話，只有在執行指令的那個資料夾裡才能用。

也可以從 Claude Code 社群外掛市集安裝外掛（需要 Claude Code 2.1.275 或更新版本）：

/plugin install next-ai-drawio --marketplace anthropics/claude-plugins-community

重新啟動用戶端，然後提一個需求，例如「讀一下這個儲存庫，畫出它的架構」。瀏覽器裡會開啟預覽，圖表會邊畫邊顯示。

它能做什麼

代理用自己的工具讀取程式碼和文件。現有的 .drawio 和 .drawio.svg 檔案也能開啟。

AI 的修改會被框出幾秒鐘，按一次 Ctrl+Z 就能撤回。最近 20 個版本顯示在畫布旁邊，可以還原或比較。

隨時可以手動修改，也可以選取圖形說「這些」。AI 再次修改前會先讀取您的變更。

使用網頁版的繪圖規則和圖形庫，包括 AWS、Azure、GCP、Kubernetes、Cisco 等，AI 用的是真實的圖示名稱。

AI 可以查看呈現後的截圖，修正重疊的圖形。

可以儲存為 .drawio、.png、.svg 或 .drawio.svg。draw.io 編輯器打包在裡面，離線也能用；每張圖都會儲存，之後的對話可以接著畫。

能畫 draw.io 圖表的 MCP 伺服器有好幾個。截至 2026 年 10 月，它們的差異如下：

伺服器	如何查看和修改圖表	適合的情況
本伺服器 `@next-ai-drawio/mcp-server`	如何查看和修改圖表瀏覽器裡一塊即時的 draw.io 畫布。AI 能讀回畫布，包括您的手動修改和選取的圖形；它的修改會被框出來，Ctrl+Z 可以撤回，也能還原之前的版本	適合的情況您和 AI 輪流修改同一張圖
draw.io 官方的 `@drawio/mcp`	如何查看和修改圖表把用 XML、CSV 或 Mermaid 產生的圖在新分頁的 draw.io 編輯器裡開啟；沒有讀回圖表的工具	適合的情況您想在完整的 draw.io 編輯器裡自己繼續編輯
draw.io 託管的 MCP 應用 `https://mcp.draw.io/mcp`	如何查看和修改圖表在 Claude.ai、ChatGPT、VS Code 或 Cursor 的對話裡直接顯示圖表，無需安裝；圖表會傳送到 draw.io 的伺服器	適合的情況您在聊天應用裡工作，想在對話中看到圖
draw.io 為 Claude Code、Codex CLI 和 Copilot CLI 做的外掛	如何查看和修改圖表一個寫 `.drawio` 檔案的技能；匯出 PNG、SVG 和 PDF 需要 draw.io 桌面版	適合的情況您想在儲存庫裡得到圖表檔案，不想用 MCP 伺服器
`lgazo/drawio-mcp-server`	如何查看和修改圖表localhost 上的 draw.io 編輯器，或透過瀏覽器擴充功能連接您自己的 draw.io；工具可以逐一建立、讀取、更新和刪除圖形、圖層和頁面	適合的情況您需要細粒度的工具、同時處理多個文件，或匯入 Mermaid

工具	作用
`start_session`	開啟預覽並傳回繪圖指南；用 `session_id` 可以接著畫已儲存的圖
`create_new_diagram`	用 `mxCell` XML 畫一張新圖
`edit_diagram`	依 id 新增、更新或刪除儲存格，要麼全部生效，要麼都不改
`get_diagram`	目前的 XML，包括您在瀏覽器裡的修改
`get_selection`	您在預覽裡選取的圖形
`screenshot_diagram`	某一頁的 PNG，供 AI 檢查
`load_diagramexport_diagram`	開啟 `.drawio` 或 `.drawio.svg` 檔案；儲存為 `.drawio`、`.png`、`.svg` 或 `.drawio.svg`
`restore_version`	回到之前的版本，之後仍可重做
`list_saved_diagrams`	之前的工作階段儲存的圖表，最新的在前
`get_drawing_guideget_shape_library`	再次取得繪圖規則；取得 `aws4` 等圖形庫的圖示樣式
`list_pagesadd_pagerename_pagedelete_page`	頁面（分頁）

環境變數、自訂繪圖規則、自行架設 draw.io，以及常見問題的解決方法，請見文件和 README。