FlowGram.ai 是什么？

FlowGram.AI 是字節跳動開發的一款基于節點編輯的開源流程搭建引擎，可以幫助開發者快速創建固定布局或自由連接布局的工作流。

FlowGram.AI核心功能

• 雙布局模式：提供固定布局和自由布局兩種模式。固定布局中，節點會被約束在預設的網格里，適合流程標準化、有清晰層級的場景，如企業審批、訂單處理等，還能自動生成代碼骨架；自由布局則讓節點位置更隨意，連接線也更加自由，適合思維導圖、算法原型等場景，并且能實現流程圖和代碼之間的實時雙向同步。

• 交互最佳實踐：集成了一系列交互最佳實踐，如 Motion 動畫，讓節點變化有過渡過程；支持模塊化，可進行分組及分支折疊；提供批量操作，如框選拖拽、批量復制粘貼；支持布局切換，包括水平 / 垂直模式切換；還有輔助排版功能，如參考線、吸附對齊、自動整理、縮略圖等，以提供直觀、易用的用戶界面和流暢的交互體驗。

• AI 賦能增強：在 FlowGram.AI 版本中，具備智能建議功能，例如在做數據清洗節點時，能推薦下一步可能的 “異常值檢測”；還能進行風險預測，據內部測試數據，可在流程測試階段攔截高達 83% 的類型錯誤和 64% 的潛在無限循環風險；另外，搭建好的流程可自動生成文檔，解決了 “祖傳代碼沒文檔” 的問題。

• 強大的擴展性：提供畫布引擎、節點引擎、變量引擎等核心組件，開發者可以在此基礎上構建自己的業務邏輯和自定義節點。畫布引擎通過分層擴展交互，節點引擎負責節點的表單渲染、校驗，變量引擎管理節點間變量的引用，物料庫用于擴展節點及 UI 組件。通過將畫布的交互分層及 IOC 依賴注入實現擴展，開發者可通過依賴注入監聽自己想要的節點數據，變量引擎具有作用域約束功能，且內部大量功能都以插件化形式開放。

FlowGram.AI技術架構

• 基于 Canvas 的自研渲染引擎：專門為流程圖這種復雜場景優化，支持超多節點（200 + 節點還能保持流暢 60FPS，甚至有數據提到萬級節點流暢操作），縮放、滾動都流暢絲滑。采用了類似 ECS 的數據分割和 MobX 的響應式機制，確保渲染高效不卡頓。

• Web Worker 并行化：把耗時的計算扔到后臺去做，不阻塞主線程，保證界面始終響應。

• 智能緩存：加載速度能提升 40%，大型項目也能秒開。

FlowGram.AI應用場景

• “扣子” 工作流：用于構建復雜的 AI Bot 對話邏輯、工具調用流程。

• 飛書低代碼平臺 / 多維表格：用戶可通過可視化界面搭建審批流程、自動化任務。

• 企業流程自動化：例如通過固定布局搭建決策樹，能降低分揀錯誤率，提升處理速度。

• 算法原型 / 數據管道：自由布局適合探索性、迭代性的工作，甚至有人用它來做 ComfyUI 這樣的圖像生成流程。

使用方式

提供在線 Demo，用戶可以直接在瀏覽器里體驗；也支持本地安裝，通過簡單的命令（如npx @flowgram.ai/create - app@latest）就能快速搭建一個項目模板，方便開發者深入開發。

相關鏈接

官網：https://flowgram.ai/

GitHub地址：https://github.com/bytedance/flowgram.ai