FlowGram：字节跳动开源的一款强大的前端流程搭建工具

FlowGram是由字节跳动开源的前端流程搭建引擎，基于节点编辑，支持固定布局和自由连线布局，提供交互最佳实践，适合有明确输入输出的可视化工作流。它已服务于字节跳动的 30 多个项目，包括扣子工作流、飞书低代码平台和多维表格等。

FlowGram相关网址：

1、官网：https://flowgram.ai/

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

FlowGram功能特点：

1、双模式支持：

   - 固定布局：提供结构化的层次化工作流，支持分支和循环等复合节点，适合顺序工作流和决策树。  

   - 自由布局：允许节点自由定位和灵活连线，适合网络图、思维导图等。

2、强大的交互体验：

   - 提供动画过渡、模块化分组、批量操作、布局切换等功能，操作流程更加流畅。  

   - 支持水平/垂直模式切换、参考线对齐、自动整理等辅助排版功能。

3、丰富的复合节点：

   - 包括条件判断、循环、错误监控、插槽等，支持固定布局和自由布局模式。

4、高性能渲染：

   - 基于 Canvas 的自研渲染引擎，支持大规模节点（200+ 节点保持 60 FPS，甚至支持万级节点流畅操作），采用类似 ECS 的数据分割和 MobX 的响应式机制。  

   - 利用 Web Worker 并行化处理耗时计算，不阻塞主线程。  

   - 智能缓存技术，提升加载速度达 40%，大型项目也能秒开。

5、AI 赋能：

   - 计划整合 AI 能力，增强流程的智能分析和自动化。

6、扩展性与开发支持：

   - 提供画布引擎、节点引擎、变量引擎和物料库，支持丰富的业务扩展。  

   - 支持通过插件系统进行功能扩展，内置丰富的插件。

7、快速上手：

   - 提供在线 Demo，用户可以直接在浏览器中体验。  

   - 支持本地安装，通过简单命令（如 `npx @flowgram.ai/create-app@latest`）快速搭建项目模板。

FlowGram应用场景：

- AI 工作流：构建复杂的 AI Bot 对话逻辑和工具调用流程。  

- 低代码平台：用于飞书低代码平台和多维表格，搭建审批流程和自动化任务。  

- 企业流程自动化：通过固定布局搭建决策树，降低分拣错误率，提升处理速度。  

- 算法原型与数据管道：自由布局适合探索性和迭代性工作。

标签：