Diagramming AI
Diagramming AI · 生產力
Diagramming AI 把一句描述變成 Mermaid、PlantUML、GraphViz、D2 或 Excalidraw 圖表，聊天改圖、自動修錯與匯出都在瀏覽器完成。
關於 Diagramming AI
About
Diagramming AI 是什麼
Diagramming AI 是一款在瀏覽器裡運作的 AI 圖表生成器，支援 Mermaid、PlantUML、GraphViz、D2 與 Excalidraw 五種格式。用法只有一句話：你描述流程或貼上會議筆記，模型寫出圖表程式碼，預覽畫面一邊打字一邊更新。
它的重點不只在生成。同一個工作區也內建每種格式的手動編輯器，你可以自己寫 Mermaid，或在 Excalidraw 畫布上拖曳圖形，完全不必呼叫模型。每張圖都存放在專案裡，旁邊附著筆記與已存的版本。
限制同樣值得先看清楚。它沒有行動版 App，也沒有桌面程式，不在本機安裝任何東西，AI 部分以額度計費。免費帳號給 10 點額度與兩個專案，用得多就得付費。對本來就用程式碼思考圖表的人，這筆交易很划算；對期待 Figma 式協作畫布的設計團隊，落差就明顯了。
開始使用
- 打開 diagrammingai.com，從左側面板挑一種格式：Mermaid、PlantUML、GraphViz、D2 或 Excalidraw。
- 輸入像「付款失敗會重試的結帳流程」這樣的指令，或直接貼上既有的圖表程式碼。
- 開啟 AI 聊天來微調。討論模式請模型評論圖表，更新模式則接收指令並就地改寫程式碼。
- 把圖表存進專案，接著複製程式碼、下載 SVG 或 PNG，或送出唯讀連結請人審閱。
產品資訊
快速了解 Diagramming AI 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 軟體開發者：說明訊息佇列或驗證流程只要一句指令，產出仍是 Mermaid 程式碼，可以跟所描述的服務一起放進版本控制。
- 技術文件撰稿人與文件負責人：圖表以程式碼形式進入文件庫，不再是一張沒人改得動的截圖，規格一變就只要重寫一行。
- 專案經理與分析師：一段範圍筆記就能生出甘特圖或使用者旅程，比花一小時拖曳長條快得多。
- 學生與自學者：作業要的循序圖與類別圖幾分鐘就完成，免費方案足以應付幾個小型專案。
任務
- 把會議筆記變成流程圖：貼上筆記、請模型畫出流程，再修正它猜錯的兩三個分支。
- 從圖片或網址建立圖表：上傳白板照片或貼上網址，程式會把結構重建為可編輯的程式碼。這兩條路都屬於付費方案。
- 修復壞掉的圖表程式碼：貼進一段渲染失敗的 Mermaid 或 PlantUML，AI 會讀錯誤訊息並改正語法。
- 替完成的圖表換外觀：把 Mermaid 圖表送進 Excalidraw 編輯器，手動擺好節點，再套用一組配色，不必重新生成。
- 在同一專案裡保留版本：每次修訂都連同筆記存下來，審閱方向走偏時可以退回先前那一版。
情境
- 在白板上討論系統架構：先手繪，把白板拍照，再把照片丟回去轉成乾淨的 Mermaid。
- 架構每週都在改的衝刺期：直接在聊天裡重畫受影響的圖，模型會同時重寫程式碼與版面。
- 交付客戶的文件：匯出 SVG 放進 PDF，並把 Mermaid 區塊複製到專案的 README，圖與文件就不會脫節。
- 快速摸清一個陌生網站：貼上網址，得到一張說明頁面如何組成的圖，可當審查的起點。
- 把流程做成簡報素材：在 Excalidraw 生成流程、挑一個主題，整張場景就能放進投影片。
主要功能
五種圖表引擎共存
編輯器在同一個工作區處理 Mermaid、PlantUML、GraphViz、D2 與 Excalidraw。換格式不必開另一個產品，也不用重畫內容。一個專案同時要 Mermaid 循序圖與 GraphViz 系統圖時，這個設計就省下一個下午。
兩種模式的 AI 聊天
兩種模式把思考與動手分開。討論模式下，模型評論結構、指出缺少的步驟並提出改法。更新模式則接收「在付款步驟後面加一條失敗路徑」這類直接指令，直接改寫程式碼。被無用的自動補全折磨過的人，會懂這種分工的價值。
自動修錯
Mermaid、PlantUML、GraphViz 與 D2 只要語法一偏就會掛掉。渲染失敗時，AI 讀取錯誤訊息並套用修正。以前貼錯一段就得翻文件，現在一個按鈕就能修好，圖表立刻重新顯示。
Excalidraw 視覺編輯器
按下 V-Edit，文字圖表會轉成 Excalidraw 畫布，流程圖、循序圖、類別圖、實體關聯圖、甘特圖、狀態圖與心智圖都變成可拖曳的圖形。你先拿到文字的精確度，再取得逐像素的控制權，不必在開頭二選一。
四十八組 Excalidraw 配色
六個主題家族從柔和粉彩到深色畫布，一鍵就替整張場景換上統一色調。版面與節點位置原地不動。這是換外觀，不是重新生成，按一下復原就能回到原本的顏色。
網址轉圖表與圖片轉圖表
貼上網址，程式會把頁面結構轉成圖表，適合快速理解陌生網站。上傳圖片、截圖或檔案，它讀取內容後重建為可編輯的程式碼。這兩項功能屬於 Starter 與 Pro 方案，免費版沒有。
專案管理與版本紀錄
每個專案可放多張圖表，五種格式都能存，單張圖還能附加筆記。已存的版本日後可以重開再改，唯讀公開連結則讓審閱變得簡單，又不交出編輯權限。免費方案限制為兩個專案、每個專案三張圖。
遠端 MCP 與 WebMCP 整合
Beta 版連線讓 ChatGPT、Claude 或其他支援 MCP 的助理送出請求，並把結果直接存進你的帳號。遠端 MCP 從 Mermaid 預覽與儲存起步，WebMCP 則讓支援的瀏覽器在同一工作階段裡與程式協作。功能還很新，能否使用取決於助理、方案與工作區設定。
優缺點
優點
- 五種圖表格式放在同一個工作區，一份訂閱就取代 Mermaid 編輯器、PlantUML 工具與白板畫布。
- 免費方案包含所有編輯器與手繪功能，在整個 AI 圈多半把產品整體上鎖的情況下，這點相當少見。
- 聊天修改作用在底層程式碼上，要求過的變更在匯出或貼到別處之後依然成立。
- 修錯涵蓋五種格式中的四種，省下通常會吃掉半天工作的語法排查。
- Starter 每月 6 美元，低於多數圖表工具訂閱；Pro 每月 14 美元也仍在常見團隊價位之下。
缺點
- AI 生成消耗額度，免費版的 10 點在幾張圖之後就用光，任何實際用途都得付費。
- 網址轉圖表與圖片轉圖表只開放給 Starter 與 Pro，免費版反而少了最吸睛的轉換功能。
- 少見領域的程式碼有時會出現順序錯誤或漏掉分支，修正得改程式碼或手動拖節點。
- 沒有行動版 App，也沒有離線模式。整個產品就是一個瀏覽器分頁，在火車或飛機上畫圖行不通。
常見問題
它從文字、圖片與網址生成並編輯圖表。你描述流程或貼上筆記，程式寫出 Mermaid、PlantUML、GraphViz、D2 或 Excalidraw 程式碼，並以預覽呈現，之後可透過聊天繼續調整。
相關內容
探索與 Diagramming AI 相關的工具、技能與文章。
Diagramming AI 替代方案
Base Code
Base44 (Wix) · 程式設計 · 生產力Base Code 是 Base44 推出的共享雲端開發環境。團隊在對話中描述對既有 GitHub 儲存庫的修改，看著預覽確認結果，再以 Pull Request 交回工程團隊。
Knocket
Knocket (Tencent RTC team) · 生產力 · 商業 · 聊天機器人Knocket 是免費的線上客服與聯絡頁面工具，訪客可從網站、App 或一條分享連結傳訊息，你在 Telegram 或單一收件匣就能回覆。
FloorGen
Vinit Kumar (FloorGen) · 生產力 · 中國 AIFloorGen 是瀏覽器上的平面圖製作工具，能把一句描述或一張草圖變成可編輯的 2D 平面圖與 3D 導覽。可匯出 PDF、DXF 或影片，不註冊也能開始畫。