FlowGram.AI：字节跳动开发的一款开源的基于节点的工作流构建引擎

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