字节把 Coze 核心开源了！可视化工作流引擎 FlowGram 上线，AI 赋能可视化流程！

字节跳动（ByteDance）近期开源了其基于节点的流程构建引擎：FlowGram。而且也是在飞书工作流、扣子自动化等产品中使用的核心可视化流程引擎。

是一款在线上产品中经过验证且极受用户青睐的强大工具。

结合节点式设计和 AI 增强功能，提供直观的可视化工作流构建体验。它支持 固定布局（结构化流程） 和 自由布局（灵活连接），通过 AI 自动化任务（如数据清洗、报告生成），并允许开发者扩展节点功能。

它通过前端可视化编辑器（React）实现节点拖拽和连接，结合后端 AI 集成（支持 豆包、DeepSeek、Kimi等通用大模型），提供流畅的交互体验。FlowGram 的设计目标是简化工作流开发，同时通过 AI 增强自动化能力。

特别适合需要明确输入输出的可视化工作流场景。

核心功能亮点

• 双布局模式：支持固定布局、自由布局，可实现卡片式排布（节点拖拽）或流程图式排布（自由线条连接）。
  
• AI 能力增强：可接入豆包、月之暗面Kimi、DeepSeek等大模型能力，增强工作流的智能化处理。
  
• 丰富的交互体验：提供拖拽、连线、节点配置、参数输入、状态高亮等交互设计，确保输入输出清晰。
  
• 节点控制丰富：分支判断、循环执行、嵌套子流程、条件表达式等均可灵活配置
  
• 强大的扩展能力：具备良好扩展性，可为节点增加自定义功能或集成外部服务
  
• 低代码能力支撑：具备构建更大规模自动化系统的基础组件和扩展体系

固定布局演示：

自由布局演示：

快速部署

FlowGram 是基于 TypeScript 开发而成，需要借助前端 NodeJS 环境进行本地部署。

① 安装 Node.js 18+

nvm install lts/hydrogen
nvm alias default lts/hydrogen # set default node version
nvm use lts/hydrogen

② 克隆项目

git clone git@github.com:bytedance/flowgram.ai.git

③ 安装全局依赖包

npm i -g pnpm@9.12.0 @microsoft/rush@5.140.0

④ 安装项目依赖

rush update

⑤ 编译项目

rush build

⑥ 运行项目Demo

rush dev:demo-fixed-layout
rush dev:demo-free-layout

文档开发：rush dev:docs（访问 http://localhost:3000）。
固定布局演示：rush dev:demo-fixed-layout。
自由布局演示：rush dev:demo-free-layout。

创建应用：