bytedance/flowgram.ai

这是什么？

核心功能

• 01自由布局画布，节点可任意放置并用自由连线相连。
• 02固定布局画布，支持分支、循环等复合节点。
• 03节点配置表单引擎，提供渲染、校验、联动和错误捕获。
• 04变量引擎，支持作用域约束、结构检查和类型推断。
• 05内置 LLM、条件判断、代码编辑器等可直接使用的节点物料。
• 06提供项目脚手架，一条命令即可启动示例应用。

适用场景

• 在可视化编辑器基础上搭建自定义 AI 工作流或智能体编排平台。
• 为内部自动化工具加入基于节点的工作流设计器。
• 开发无代码配置界面，让用户串联数据处理步骤。
• 在 React 和 TypeScript 应用中快速原型化流程图式编辑器。

快速上手

1. 1

   创建新的 FlowGram 项目（选择 Free Layout Demo 模板）

   npx @flowgram.ai/create-app@latest
2. 2

   进入项目目录并安装依赖

   cd demo-free-layout npm install
3. 3

   启动项目

   npm start
4. 4

   在浏览器中打开 http://localhost:3000

使用前须知

• !它是框架和工具包，而不是现成的工作流平台，你需要在其之上构建自己的产品。

标签

常见问题

flowgram.ai 是什么？

一个 TypeScript 工作流开发框架，内置画布、表单、变量和物料组件，用于快速搭建 AI 工作流平台。 FlowGram 是一个工作流开发框架与工具包，适合希望自建可视化工作流产品的开发者。它本身不是现成的工作流平台，而是提供搭建所需的基础模块：流程画布、节点配置表单引擎、变量作用域链，以及 LLM、条件判断、代码编辑器等可直接使用的节点物料。

flowgram.ai 可以免费使用吗？用的什么许可证？

flowgram.ai 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

flowgram.ai 还在维护吗？

活跃维护中。flowgram.ai 最近一次提交是在 2026年10月13日。

flowgram.ai 适合用来做什么？

在可视化编辑器基础上搭建自定义 AI 工作流或智能体编排平台。 为内部自动化工具加入基于节点的工作流设计器。 开发无代码配置界面，让用户串联数据处理步骤。 在 React 和 TypeScript 应用中快速原型化流程图式编辑器。

flowgram.ai 怎么安装和运行？

创建新的 FlowGram 项目（选择 Free Layout Demo 模板）: npx @flowgram.ai/create-app@latest 进入项目目录并安装依赖: cd demo-free-layout npm install 启动项目: npm start 在浏览器中打开 http://localhost:3000

在哪里获取 flowgram.ai？

源代码和安装说明在 GitHub 上：https://github.com/bytedance/flowgram.ai