在字节跳动的 AI 版图中，Coze（中文名 “扣子”）作为新一代智能体开发平台，已成为连接大模型与业务场景的核心枢纽。截至 2025 年，Coze 日均处理任务量突破 10 亿次，覆盖教育、电商、媒体等 20 余个行业。而支撑这一庞大生态的底层技术，正是字节跳动开源的FlowGram 工作流引擎。从飞书低代码平台的审批流程，到 Coze 中智能对话机器人的复杂逻辑编排，FlowGram 以插件化架构和 AI 原生设计，重新定义了 AI 时代的流程开发范式。

一、FlowGram：Coze 的 “智能骨骼”

Coze 的可视化工作流编辑器堪称其核心竞争力。用户通过拖拽节点即可构建复杂的 AI 任务链（如 “用户输入解析→大模型调用→多平台分发”），而这一能力的底层实现正是 FlowGram 的双布局模式：

• 固定布局（Fixed Layout）：在 Coze 的企业自动化场景中（如合同审批），节点按预设规则自动排列，确保流程结构统一。例如，通过LoopInlineBlocksNodeRegistry定义循环节点的连接线规则，可自动生成标准化的审批分支逻辑。
• 自由布局（Free Layout）：在 AI 内容生成场景中，节点可自由拖拽，连接线支持贝塞尔曲线等个性化绘制。Coze 的 “抖音文案生成 Bot” 正是利用这一特性，通过自由连接 “热点分析→风格选择→多模态生成” 节点，实现创意流程的灵活编排。

这种 “标准化 + 灵活性” 的设计，让 Coze 既能满足企业级应用的规范性要求，又能适配创新业务的定制需求。

二、技术架构：从节点系统到 AI 赋能

FlowGram 的三层架构为 Coze 提供了强大的技术支撑：

1. 交互层（Client）：通过FlowEditorClient和useFlowEditor钩子，Coze 将编辑器无缝集成到其低代码平台中。开发者可调用 API 动态添加节点（如 “知识库查询”“插件调用”），并通过插件系统扩展 UI 组件（如 AI 辅助按钮）。
2. 引擎层（Engine）：

• 画布引擎：处理节点渲染与交互事件。例如，在 Coze 的 “剧本杀游戏 Bot” 中，画布引擎通过flow-group-controller.ts实现分组节点的折叠 / 展开，提升复杂流程的可读性。

• 变量引擎：管理流程中的变量作用域。Coze 的 “旅游规划 Bot” 通过隔离 “公共变量”（如用户位置）和 “私有变量”（如行程预算），确保多节点数据传递的准确性。

• 文档引擎：将流程数据序列化为标准 JSON。Coze 的后端执行器可直接解析该 JSON，实现 “前端设计→后端执行” 的无缝衔接，效率提升 50% 以上。
• 工具层（Utils）：图形计算：通过贝塞尔曲线控制点计算，确保 Coze 中复杂任务链的连接线平滑。数据校验：通过FlowNodeRegistry定义节点元数据（如 “开始节点不可删除”），防止 Coze 用户误操作导致流程错误。

三、AI 原生设计：让流程 “进化”

FlowGram 名称中的 “AI” 并非噱头，而是深度融入 Coze 的产品逻辑：

1. 智能节点推荐：在 Coze 的 “智能客服 Bot” 中，FlowGram 根据当前流程上下文（如用户提到 “物流异常”），自动推荐 “运单查询”“赔偿计算” 等节点，拦截 83% 的类型错误。
2. 流程优化建议：通过分析 Coze 中 “电商营销 Bot” 的历史执行数据，FlowGram 提示冗余节点（如重复的 “数据清洗” 步骤），帮助企业降低 40% 运营成本。
3. 自然语言转流程：在 Coze 的 “内容创作 Bot” 中，输入 “生成小红书爆款文案”，FlowGram 自动生成 “热点分析→关键词提取→风格化生成” 的可视化流程，开发效率提升 80%。

四、快速上手：10 分钟构建 Coze 智能体

基于 FlowGram 的插件化设计，开发者可快速在 Coze 中实现创新功能：

1. 安装与初始化：

bash

npx @flowgram.ai/create-app@latest
# 选择Coze集成模板

2. 自定义节点：

typescript

// 定义“AI合同审核”节点
export const AIContractRegistry: FlowNodeRegistry = {
  type: 'aiContract',
  meta: {
    draggable: true,
    aiSuggest: true // 支持AI自动填充审核规则
  },
  render: () => <div>AI合同审核</div>
};

3. 集成插件：

typescript

// 添加AI辅助插件
export const createAIAssistPlugin = definePluginCreator({
  onRenderEditor({ editor }) {
    editor.addToolbarButton({
      label: 'AI建议',
      onClick: () => {
        // 调用Coze的AI服务优化流程
        editor.getService(AIAssistService).suggest();
      }
    });
  }
});

4. 运行与调试：
   通过 Coze 的实时预览功能，修改代码后页面自动刷新，开发者可快速验证 “AI 合同审核→邮件通知→数据归档” 全流程。

从技术架构到实际应用，FlowGram 展现了一个优秀工作流引擎的核心素养：标准化而不僵化，灵活而不松散，更重要的是，它为 AI 时代的流程创新预留了无限可能。而 Coze 作为 FlowGram 的最佳实践场，正通过 “低代码 + 插件化 + AI 赋能” 的组合，让复杂的 AI 应用开发变得像搭积木一样简单。

GitHub:https://github.com/bytedance/flowgram.ai

关注【AI 码力】，AI 不断学习！感谢支持！