ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 15px;letter-spacing: 0.1em;color: rgb(63, 63, 63);">字节跳动(ByteDance)近期开源了其基于节点的流程构建引擎:ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: inherit;color: rgb(66, 166, 100);">FlowGram。而且也是在飞书工作流、扣子自动化 等产品中使用的核心可视化流程引擎。ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 15px;letter-spacing: 0.1em;color: rgb(63, 63, 63);">是一款在线上产品中经过验证且极受用户青睐的强大工具。ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 15px;letter-spacing: 0.1em;color: rgb(63, 63, 63);">结合节点式设计和 AI 增强功能,提供直观的可视化工作流构建体验。它支持ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: inherit;color: rgb(66, 166, 100);">固定布局(结构化流程)和ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: inherit;color: rgb(66, 166, 100);">自由布局(灵活连接),通过 AI 自动化任务(如数据清洗、报告生成),并允许开发者扩展节点功能。ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 15px;letter-spacing: 0.1em;color: rgb(63, 63, 63);">它通过前端可视化编辑器(React)实现节点拖拽和连接,结合后端 AI 集成(支持 豆包、DeepSeek、Kimi 等通用大模型),提供流畅的交互体验。FlowGram 的设计目标是简化工作流开发,同时通过 AI 增强自动化能力。ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 15px;letter-spacing: 0.1em;color: rgb(63, 63, 63);">特别适合需要明确输入输出的可视化工作流场景。ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;color: rgb(66, 166, 100);">核心功能亮点ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 15px;color: rgb(63, 63, 63);" class="list-paddingleft-1">•双布局模式:支持固定布局、自由布局,可实现卡片式排布(节点拖拽)或流程图式排布(自由线条连接)。•AI 能力增强:可接入豆包、月之暗面Kimi、DeepSeek等大模型能力,增强工作流的智能化处理。•丰富的交互体验:提供拖拽、连线、节点配置、参数输入、状态高亮等交互设计,确保输入输出清晰。•节点控制丰富:分支判断、循环执行、嵌套子流程、条件表达式等均可灵活配置•强大的扩展能力:具备良好扩展性,可为节点增加自定义功能或集成外部服务•低代码能力支撑:具备构建更大规模自动化系统的基础组件和扩展体系固定布局演示:自由布局演示:快速部署FlowGram 是基于 TypeScript 开发而成,需要借助前端 NodeJS 环境进行本地部署。 ① 安装 Node.js 18+ nvm install lts/hydrogen nvmaliasdefault lts/hydrogen# set default node version nvm use lts/hydrogen
② 克隆项目 gitclonegit@github.com:bytedance/flowgram.ai.git ③ 安装全局依赖包 npmi-gpnpm@9.12.0@microsoft/rush@5.140.0 ④ 安装项目依赖 rushupdate ⑤ 编译项目 rushbuild ⑥ 运行项目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 流程集成等等,都是值得接入自己的产品应用中去 |