返回目录
开源项目自动化与 Agent 类新手

GitHub - bytedance/flowgram.ai: FlowGram is an extensible workflow development framework with built-in canvas, form, variable, and materials

FlowGram|Workflow development framework English | 中文 | Español | Русский | Português | Deutsch | 日本語 FlowGram is a composable, visual, easy-to-integrate, and extensible workflow development framework & toolkit. Our goal is to help developers build AI workflow

0 次阅读2026/08/25 发布
GitHub - bytedance/flowgram.ai: FlowGram is an extensible workflow development framework with built-in canvas, form, variable, and materials 来源图片

社区作者 · zZz

它解决什么问题

FlowGram|Workflow development framework

English | 中文 | Español | Русский | Português | Deutsch | 日本語

FlowGram is a composable, visual, easy-to-integrate, and extensible workflow development framework & toolkit. Our goal is to help developers build AI workflow platforms faster and simpler .

FlowGram comes with a suite of built-in tools for workflow development: flow canvas, node configuration form, variable scope chain, and ready-to-use materials (LLM, Condition, Code Editor etc).

It’s not a ready-made workflow platform; it’s the framework and toolkit to build yours.

Learn more at FlowGram.AI 🌐

🎬 Demo

flowgram-loop-weather.mp4.mp4

Open in CodeSandbox 🌐 or StackBlitz 🌐

In this demo, we iterate through a list of cities, fetch real-time weather via HTTP, parse temperatures with a Code node, generate outfit suggestions with an LLM, gate by a Condition, aggregate results across the loop, and finally use an Advisor LLM to pick the most comfortable city before sending the result to the End node.

🚀 Quick Start

  • Create a new FlowGram project:
命令
npx @flowgram.ai/create-app@latest

We recommend choosing the Free Layout Demo ⭐️ template.

  • Start the project:
命令
cd demo-free-layout
命令
npm install
命令
npm start
  • Open http://localhost:3000 in your browser.

✨ Features

Feature Description Demo

Free Layout Canvas Free layout canvas where nodes can be placed anywhere and connected using free-form lines.

Fixed Layout Canvas Fixed layout canvas where nodes can be dragged to specified positions, with support for compound nodes like branches and loops.

Form The form engine manages the CRUD operations of node data and provides rendering, validation, side effects, linkage, and error-capturing capabilities, simplifying the development of node configurations.

Variable The variable engine supports scope constraints, variable structure inspection, and type inference, making it easy to manage data flow within the workflow.

📖 Documentation

You can find the FlowGram documentation on the website .

The documentation is divided into several sections:

  • Quick Start
  • Canvas
  • Form
  • Variable
  • Material
  • Runtime
  • Advanced Guides
  • API Reference
  • Where to get Support
  • Contributing Guide

🙌 Contributors

🌍 Adoption

  • Coze Studio is an all-in-one AI agent development tool. Providing the latest large models and tools, various development modes and frameworks, Coze Studio offers the most convenient AI agent development environment, from development to deployment.
  • NNDeploy is a workflow-based multi-platform ai deployment tool.
  • Certimate is an open-source SSL certificate management tool that helps you automatically apply for and deploy SSL certificates with a visual workflow. It is one of the ACME client options listed in the official documentation of Let's Encrypt.

📬 Contact us

  • Issues: Issues
  • Lark: Scan the QR code below with Register Feishu to join our FlowGram user group.

— 本文由 AI 根据公开来源辅助整理,命令、版本与许可证请在使用前到原始页面复核。

安装 / 开始使用

🚀 Quick Start

  • Create a new FlowGram project:
命令
npx @flowgram.ai/create-app@latest

We recommend choosing the Free Layout Demo ⭐️ template.

  • Start the project:
命令
cd demo-free-layout
命令
npm install
命令
npm start

✨ Features Feature Description Demo Free Layout Canvas Free layout canvas where nodes can be placed anywhere and connected using free-form lines.

Fixed Layout Canvas Fixed layout canvas where nodes can be dragged to specified positions, with support for compound nodes like branches and loops.

Form The form engine manages the CRUD operations of node data and provides rendering, validation, side effects, linkage, and error-capturing capabilities, simplifying the development of node configurations.

Variable The variable engine supports scope constraints, variable structure inspection, and type inference, making it easy to manage data flow within the workflow. 📖 Documentation You can find the FlowGram documentation on the website .

The documentation is divided into several sections:

🙌 Contributors 🌍 Adoption

📬 Contact us

  • Open http://localhost:3000 in your browser.
  • Quick Start
  • Canvas
  • Form
  • Variable
  • Material
  • Runtime
  • Advanced Guides
  • API Reference
  • Where to get Support
  • Contributing Guide
  • Coze Studio is an all-in-one AI agent development tool. Providing the latest large models and tools, various development modes and frameworks, Coze Studio offers the most convenient AI agent development environment, from development to deployment.
  • NNDeploy is a workflow-based multi-platform ai deployment tool.
  • Certimate is an open-source SSL certificate management tool that helps you automatically apply for and deploy SSL certificates with a visual workflow. It is one of the ACME client options listed in the official documentation of Let's Encrypt.
  • Issues: Issues
  • Lark: Scan the QR code below with Register Feishu to join our FlowGram user group.

来源教程配图

Image
配图 1 · Image查看原图
Free Layout Demo
配图 2 · Free Layout Demo查看原图
Fixed Layout Demo
配图 3 · Fixed Layout Demo查看原图
Form
配图 4 · Form查看原图
Variable
配图 5 · Variable查看原图
FlowGram.AI Contributors
配图 6 · FlowGram.AI Contributors查看原图
教程配图
配图 7 · 教程配图查看原图

适用场景

学习研究
开源项目实践