openflowkit
免費、開源的圖表畫布。繪製它，以程式碼編寫（支援 Mermaid、D2、Structurizr），詢問任何 AI 模型或本地模型，讓 Claude Code 透過 MC 即時編輯
openflowkit 是什麼？
免費、開源的圖表畫布。繪製它，以程式碼編寫（支援 Mermaid、D2、Structurizr），詢問任何 AI 模型或本地模型，讓 Claude Code 透過 MCP 即時編輯，或映射 GitHub 儲存庫，每個箭頭都引用到檔案和行號。MIT 授權、本地優先、無需帳號。
openflowkit 概覽
這是什麼
OpenFlowKit 是一個免費、開源的圖表畫布，以本地優先（local-first）為設計原則，無需註冊帳號。使用者可以透過繪圖、以程式碼（Mermaid、D2、Structurizr）撰寫，或使用 AI 模型來建立架構圖。它還能將 GitHub 儲存庫映射為圖表，每個箭頭都標註對應的檔案與行號。
主要功能
- 支援十種圖表類型（架構圖、循序圖、流程圖、ERD、狀態圖、類別圖、心智圖、Git 圖表、圖表、線框圖），採用單一語言。
- 輸入
owner/repo即可貼上 GitHub 儲存庫並產生其映射圖；方塊可在原地展開，每個箭頭顯示file:line。 - 文字與畫布同步：編輯程式碼面板後按 ⌘↵，圖表會以一個復原步驟重新產生。
- 可匯出為 PNG、SVG、PDF、JSON 或複製為 Mermaid；從
animate區塊可產生動畫 SVG、GIF、MP4 或 WebM。 - 可連接 Claude Code、Cursor 或任何 MCP 用戶端，讓代理人在畫布上即時繪圖、重新樣式化及截圖。
- 可匯入現有圖表：將 Mermaid、Structurizr DSL 或 D2 貼入程式碼面板即可轉換。
使用情境
為軟體專案建立架構圖。將 GitHub 儲存庫映射為可視化結構，並附帶程式碼參照。與 AI 代理人協作，即時產生並修改圖表。為文件（README、簡報）產生動畫圖表。
快速開始
在瀏覽器中：app.openflowkit.com。無需安裝，無需帳號。在終端機中：npx openflowkit（需要 Node 20.11+）。在本機執行（需要 Node 22.22+）：bashgit clone https://github.com/openflowkit/openflowkit.gitcd openflowkitnpm install && npm run dev # http://localhost:3000
授權與價格
授權為 MIT。本軟體為免費且開源。無需帳號。
內容整理自該專案公開的 README 與儲存庫資訊。
