flowgram.ai

拖拽画布+内置物料,快速搭建 AI 工作流平台

FlowGram 是一个可扩展的 AI 工作流开发框架,旨在帮助开发者快速构建类似 Coze 的 AI 工作流平台。它内置了画布、表单、变量和物料库,解决了从零搭建工作流编辑器的高成本问题。核心能力包括:基于 React 的节点式画布 UI,支持拖拽编排、数据流连接和实时预览;提供统一的表单渲染和变量管理机制,简化配置面板开发;通过插件化架构和物料扩展机制,开发者可自定义节点类型、交互逻辑和主题样式。框架强调数据流与执行引擎解耦,支持将工作流定义导出为 JSON 或集成到现有后端。项目采用 TypeScript 编写,类型安全且文档齐全,适合需要快速落地 AI Agent 编排、自动化流程设计器或低代码平台的团队。

开源 free 自动化工作流
访问官网 ↗ GitHub ↗ 文档 ↗
GitHub 星标 ★ 8479
维护状态 活跃
是否开源 是
定价模式 free

项目预览

项目数据

分类自动化工作流
开发团队bytedance
所属国家
定价模式free
价格说明开源框架,MIT许可证,完全免费,无付费版本。
访问状态
是否开源是
开源协议MIT
主要语言TypeScript
技术栈/模型ai,automation,coze,data-flow,diagram,flow,flowchart,graph,integration-framework,javascript,no-code,node-based-ui,react,typescript,typescript-library,visualization,workflow,workflow-automation
GitHub 星标★ 8479
30天Star增速
HF 下载量
上线时间2025-02-17 00:00:00
代码更新—
仓库体积—
本站数据更新—
维护状态活跃
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-10
浏览次数2

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

难度:入门 约 10 分钟 部署方式:本地安装 5 步

环境要求

  • Node.js 运行环境(README 未指定版本,需自带 npm/npx)
  • 可访问 npm registry 的网络
  • 现代浏览器,用于打开本地开发页面

安装与启动步骤

  1. 1创建 FlowGram 项目

    运行脚手架命令,交互式选择模板;README 推荐选择 Free Layout Demo ⭐️ 模板。

    npx @flowgram.ai/create-app@latest
  2. 2进入项目目录

    脚手架默认生成的目录名为 demo-free-layout,如自定义了名称请改成实际目录。

    cd demo-free-layout
  3. 3安装依赖

    在项目根目录安装 package.json 中声明的依赖,耗时取决于网络情况。

    npm install
  4. 4启动开发服务

    执行 npm start 启动本地开发服务器,等待编译完成后保持终端运行。

    npm start
  5. 5浏览器访问

    打开 http://localhost:3000 查看 Free Layout Demo 画布,确认节点编排界面正常。

如何确认成功

浏览器打开 http://localhost:3000,能看到画布与节点编排界面即启动成功。

常见问题

Q:创建项目时该选哪个模板?

A:README 推荐选择 Free Layout Demo ⭐️ 模板,对应目录名为 demo-free-layout。

Q:FlowGram 是拿来就能用的工作流平台吗?

A:不是。它是构建 AI 工作流平台的框架与工具包,自带画布、节点配置表单、变量作用域链和 LLM/Condition/Code 等物料。

Q:不想本地安装可以体验吗?

A:README 提供了 CodeSandbox 和 StackBlitz 的在线 Demo 链接,可直接在浏览器中打开体验。

Q:README 有说明 Node.js 版本要求吗?

A:节选中未给出具体版本要求,建议使用仍在维护的 Node.js LTS 版本并保证 npm/npx 可用。

注意事项

  • README 节选只覆盖 Quick Start,未提供 Node 版本、端口修改方式等其他配置说明。
  • 默认访问端口为 3000,若被占用需自行排查本地端口冲突。
  • 项目为 TypeScript 编写,安装依赖体积较大,首次安装请耐心等待。

核心亮点

  • 内置完整画布交互(缩放、拖拽、连线),开箱即用,节省大量前端开发时间
  • 物料与插件机制灵活,可自定义节点、表单和主题,适配不同业务场景
  • TypeScript 全链路类型提示,配合 React 生态,二次开发门槛低

不足之处

  • 文档/社区待观察
  • 框架较重,若仅需简单流程编排可能引入多余依赖

适用场景

  • 构建 AI Agent 编排平台(类似 Coze 的私有化部署)
  • 开发低代码自动化流程设计器(如审批流、数据管道)
  • 在现有 React 应用中嵌入可视化工作流编辑模块

替代项目

React Flow、LogicFlow、X6

项目介绍

flowgram.ai 是自动化工作流领域的开源项目,由 bytedance 开发,2025 年首次发布。

在全站 13,635 个收录项目中,它的 GitHub 星标数(8,479)位列前 6%,在自动化工作流分类的 556 个项目里位列前 11%。

近 44 天,它的 GitHub 星标从 8,371 增加到 8,479,净增 108。

项目目前处于活跃维护状态,最近一次代码更新于 2026-09-30。MIT许可证,完全免费,无付费版本。从国内网络环境看,可直接访问。

它主要面向的使用场景是:构建AIAgent编排平台(类似Coze的私有化部署)。同类可对比的替代方案包括 React Flow、LogicFlow、X6。

上一篇:cadence

下一篇:cc-wf-studio

同类项目推荐

n8n 开源

拖拽搭建自动化流程,轻松接入 AI 与 400+ 应用,搞定重复工作。

Fair-code workflow automation platform with native AI capabilities. Combine visual b···

★ 206596 2026-08-10
EasyCLIProxyAPI 开源

图形界面一键配好 AI 代理,省去手写配置文件

A desktop GUI for CLIProxyAPI and a tool for automatically configuring popular AI ag···

★ 2685 2026-09-22
feishu-docx 开源

让 AI 代理轻松读写飞书文档,双向转换 Markdown

Feishu/Lark Docs、Sheet、Bitable <-> Markdown | AI Agent-friendly knowledge base exp···

★ 265 2026-08-09
robotcode 开源

让 Robot Framework 拥有现代 IDE 体验,调试、补全、运行一气呵成。

Open Source Toolkit for Robot Framework, providing Language Server Protocol support,···

★ 302 2026-08-10