字节开源扣子(coze)可视化工作流构建引擎 FlowGram

字节近期开源了 FlowGram，这是一套以节点为基础的流程构建引擎。该引擎已在飞书工作流和扣子自动化等产品中作为核心可视化流程引擎投入使用。

对于许多企业的基础设施建设而言，这一框架无疑具有很高的价值，能够为相关开发工作提供有力支持。

为什么叫 FlowGram

FlowGram = Flow + Program，寓意流程如程序一样，拥有 Condition、Loop 甚至 TryCatch 节点。

通过 FlowGram，用户可以更便捷地设计和管理复杂流程，从而提升效率并降低开发成本。

支持两种不同的布局

固定布局：固定布局是一种较为严格的排版方式，在这种布局中，节点或分支的位置可以被明确指定，并支持拖拽移动到特定位置。同时，固定布局还提供了分支、循环等复合节点，适用于需要清晰结构和明确关系的场景。

自由布局：自由布局则是一种更加灵活的排版方式，节点可以被任意移动到画布上的任何位置，不受固定结构的限制。节点之间的连接通过自由连线实现，适合表达复杂、非线性或不规则的关系。

coze 等 AI 工作流形态 都属于自由布局这种形态。

交互体验，流程丝滑

对于好的产品，使用体验对于我们来说是非常值得考虑的。

产品体验不好，功能叠加起来会是一坨 💩

比如 FlowGram 里面的一些交互体验，覆盖了我们常用的一些习惯，就很好啊。

比如下面 👇 的几种～

折叠收缩的变化

可以用手势操作画布的放大、缩小，查看全局 flow 图

复制/粘贴/撤销重来，也是很常用的操作。

创建分组

Loop 子画布

对标 ReactFlow

FlowGram 对标 ReactFlow，看了一下和 ReactFlow 的区别

Reactflow 是很优秀的开源项目，架构及代码清晰，但偏流程渲染引擎的底层架构 (Node、Edge、Handle)，需要在上层开发大量功能才能适配复杂场景(如 固定布局，需要对数据建模写布局算法), 高级功能收费。

相比 Reactflow，FlowGram 的目标是提供流程编辑一整套开箱即用的解决方案。

具体的部署方式可以参考 github。

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

主页：https://flowgram.ai/index.html

写在最后

字节的 FlowGram 刚刚开源就收获了大量的关注，一些公司的低代码平台可以参考这个来实现，想必能够做出非常丝滑的内部产品。

还是那句话，产品体验很重要，丝滑的操作，用户的习惯都是一个好产品非常重要的因素。

文章来自于“大林AI”，作者“大林”。