
這個專案是來自開源社群、使用 Next.js + 多語言模型整合 draw.io 圖表引擎 的 Web 應用程式,目標是讓使用者可以 用自然語言來建立、修改與增強專業流程圖、架構圖等——不再只是傳統拖拉元素,而是讓 AI 幫你畫出結構清楚又可編輯的圖。
這個專案主要在做什麼?
Next AI Draw.io 是一個開放原始碼的 Web 應用,因為結合了 AI 大模型與 draw.io(diagrams.net),所以你可以:
-
用文字描述來生成圖表(例如:用一句話畫出架構圖、流程圖、UML…)
-
修改既有圖表,像是「把這個節點加上箭頭連到那裡」這類自然語言指令
-
上傳圖像或 PDF,AI 自動辨識結構並轉成可編輯的圖表
-
版本歷史與編輯回溯,能查看與還原更早的圖表狀態
-
具備聊天介面與視覺化編輯整合
-
支援多種 AI 模型(OpenAI、Claude、Gemini…)與本地部署選項
簡單說,這個工具的目的就是:把畫圖這件事從「手動拖拉」轉變成「用自然語言來思考圖表」。
核心功能亮點
以下是這個專案最值得關注的實用特色:
自然語言生成與修改圖表
直接在聊天介面輸入內容,例如「畫一張 AWS 架構圖」、「新增一個流程步驟」,AI 會把這些描述轉成 draw.io XML 並顯示圖形。
圖像 & 文檔上傳轉圖
可以上傳 PDF、PNG、TXT 等格式,AI 將原始內容轉成可編輯的圖表,省去手動重新畫的麻煩。
版本歷史與還原功能
像一般開發的版本控制一樣,它也能追蹤圖表的修改歷史,方便回頭檢視或還原。
多種 AI 模型支援 & 可選 API Key
內建支援多家 AI 提供者與模型(OpenAI、Anthropic、Google、Azure、Ollama…),讓你能依需求挑最適合的模型。
動態連線與雲架構圖支援
不只基本方塊流程圖,也能產生帶動畫效果的連線圖、AWS/GCP/Azure 雲架構圖等進階圖形。
這個專案把 自然語言 做為操作介面,對於不想記複雜 UI 操作的使用者來說,大幅降低學習門檻與時間成本。而且 AI 也能主動幫你處理 layout 與圖層結構,讓圖表更整齊、視覺更清楚。即便不是完美,但真的很適合快速產出初步架構或概念圖。
對工程師、產品經理、架構設計師、甚至學生來說,這工具讓「畫圖」變成一種與 AI 互動的思考方式,而不是僅僅用滑鼠堆圖形,如果你也有設計架構圖的需求,可以嘗試這個 AI 工具來加速你的規劃。