摘要：一飞开源，介绍创意、新奇、有趣、实用的开源应用、系统、软件、硬件及技术，一个探索、发现、分享、使用与互动交流的开源技术社区平台。致力于打造活力开源社区，共建开源新生态！
一飞开源，介绍创意、新奇、有趣、实用的开源应用、系统、软件、硬件及技术，一个探索、发现、分享、使用与互动交流的开源技术社区平台。致力于打造活力开源社区，共建开源新生态！
字节跳动（ByteDance）近期开源了其基于节点的流程构建引擎：FlowGram。而且也是在飞书工作流、扣子 Coze 自动化 等产品中使用的核心可视化流程引擎。
插件化构建流程引擎
高性能，可扩展，可定制
FlowGram 是一套基于节点编辑的流程搭建引擎，帮助开发者快速创建固定布局或自由连线布局模式的流程，并提供一套交互的最佳实践, 很适合有明确输入和输出的可视化工作流。
在 AI 如火如荼的当下，我们也会更专注于如何让流程赋能 AI，为此特意加上 AI 后缀。
FlowGram = Flow + Program，寓意流程如程序一样，拥有 Condition、Loop 甚至 TryCatch 节点。
FlowGram是一个基于节点的流程构建引擎，帮助开发者快速创建固定布局或自由连接布局的 workflows。
Reactflow 是很优秀的开源项目，架构及代码清晰，但偏流程渲染引擎的底层架构 (Node、Edge、Handle)，需要在上层开发大量功能才能适配复杂场景(如 固定布局，需要对数据建模写布局算法), 高级功能收费。
相比 Reactflow，FlowGram 的目标是提供流程编辑一整套开箱即用的解决方案。
下边是 Reactflow 官方提供的 pro 收费能力付费功能FlowGram 是否支持未来计划支持分组支持redo/undo支持
copy/paste支持
HelpLines 辅助线支持
自定义节点及形状支持
自定义线条支持
AutoLayout，自动布局整理支持
ForceLayout，节点排斥效果不支持NoExpand/Collapse支持
Collaborative 多人协同不支持YesWorkflowBuilder 相当于固定布局完整案例支持
Reactflow 事件都是绑定在原子化的 dom 节点上，且内置，交互定制成本高，需要理解它的源码才能深度开发，如下，在画布缩放很小时候无法选到点位
MacOS / Linux / WSL / Git Bash
npx @flowgram.ai/create-app@latest# 选择 demo- fixed-layout # 固定布局最佳实践- free-layout # 自由布局最佳实践- fixed-layout-simple # 固定布局基础用法- free-layout-simple # 自由布局基础用法MacOS / Linux / WSL / Git Bash
npm install @flowgram.ai/fixed-layout-editornpm install @flowgram.ai/free-layout-editor来源：一飞开源
