首頁 > Ai資訊 > Ai產(chǎn)品

FlowGram.AI：字節(jié)跳動開發(fā)的一款開源的基于節(jié)點的工作流構(gòu)建引擎

FlowGram.AI于2025-05-10發(fā)布在Ai產(chǎn)品

FlowGram.ai 是什么？

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

FlowGram.AI：字節(jié)跳動開發(fā)的一款開源的基于節(jié)點的工作流構(gòu)建引擎.webp

FlowGram.AI核心功能

雙布局模式：提供固定布局和自由布局兩種模式。固定布局中，節(jié)點會被約束在預(yù)設(shè)的網(wǎng)格里，適合流程標(biāo)準(zhǔn)化、有清晰層級的場景，如企業(yè)審批、訂單處理等，還能自動生成代碼骨架；自由布局則讓節(jié)點位置更隨意，連接線也更加自由，適合思維導(dǎo)圖、算法原型等場景，并且能實現(xiàn)流程圖和代碼之間的實時雙向同步。
交互最佳實踐：集成了一系列交互最佳實踐，如 Motion 動畫，讓節(jié)點變化有過渡過程；支持模塊化，可進行分組及分支折疊；提供批量操作，如框選拖拽、批量復(fù)制粘貼；支持布局切換，包括水平 / 垂直模式切換；還有輔助排版功能，如參考線、吸附對齊、自動整理、縮略圖等，以提供直觀、易用的用戶界面和流暢的交互體驗。
AI 賦能增強：在 FlowGram.AI 版本中，具備智能建議功能，例如在做數(shù)據(jù)清洗節(jié)點時，能推薦下一步可能的 “異常值檢測”；還能進行風(fēng)險預(yù)測，據(jù)內(nèi)部測試數(shù)據(jù)，可在流程測試階段攔截高達(dá) 83% 的類型錯誤和 64% 的潛在無限循環(huán)風(fēng)險；另外，搭建好的流程可自動生成文檔，解決了 “祖?zhèn)鞔a沒文檔” 的問題。
強大的擴展性：提供畫布引擎、節(jié)點引擎、變量引擎等核心組件，開發(fā)者可以在此基礎(chǔ)上構(gòu)建自己的業(yè)務(wù)邏輯和自定義節(jié)點。畫布引擎通過分層擴展交互，節(jié)點引擎負(fù)責(zé)節(jié)點的表單渲染、校驗，變量引擎管理節(jié)點間變量的引用，物料庫用于擴展節(jié)點及 UI 組件。通過將畫布的交互分層及 IOC 依賴注入實現(xiàn)擴展，開發(fā)者可通過依賴注入監(jiān)聽自己想要的節(jié)點數(shù)據(jù)，變量引擎具有作用域約束功能，且內(nèi)部大量功能都以插件化形式開放。

FlowGram.AI技術(shù)架構(gòu)

基于 Canvas 的自研渲染引擎：專門為流程圖這種復(fù)雜場景優(yōu)化，支持超多節(jié)點（200 + 節(jié)點還能保持流暢 60FPS，甚至有數(shù)據(jù)提到萬級節(jié)點流暢操作），縮放、滾動都流暢絲滑。采用了類似 ECS 的數(shù)據(jù)分割和 MobX 的響應(yīng)式機制，確保渲染高效不卡頓。
Web Worker 并行化：把耗時的計算扔到后臺去做，不阻塞主線程，保證界面始終響應(yīng)。
智能緩存：加載速度能提升 40%，大型項目也能秒開。