FlowGram 可视化工作流引擎

字节跳动（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。

创建应用：

npx @flowgram.ai/create-app@latest

写在最后

传统的工作流构建往往依赖于大量的编码和配置，既耗时又容易出错。而 FlowGram.AI 的出现，为开发者提供了一种全新的方式：通过可视化的节点编辑，快速搭建清晰、直观的工作流。

FlowGram 本身是以闭源形式在字节内部产品中进行使用（飞书、Coze），而现在将其开源，将会有更多企业与开发者团队以其开源特性和 AI 增强能力，二次定制化适合企业内部的高效工作流。

其双布局模式、丰富的交互体验、强大的扩展能力以及 AI 集成计划，在众多开源工作流工具中都是独树一帜的。

无论是自动化办公、数据分析，还是 AI 流程集成等等，都是值得接入自己的产品应用中去。

GitHub 项目地址：https://github.com/bytedance/flowgram.ai

官网地址：https://flowgram.ai

[超站]友情链接：

四季很好，只要有你，文娱排行榜：https://www.yaopaiming.com/
关注数据与安全，洞悉企业级服务市场：https://www.ijiandao.com/