跳到主要内容

使用可视化编辑器

您可以使用 Langflow 的可视化编辑器来创建、测试和分享流（Flows），它们是应用程序工作流的功能表示。 流由代表应用程序工作流中各个步骤的组件组成。

Langflow 的拖放界面允许您在不编写大量代码的情况下创建复杂的 AI 工作流。 您可以连接不同的资源，包括提示词（Prompts）、大语言模型（LLMs）、数据源、代理（Agents）、MCP 服务器以及其他工具和集成。

提示

要在几分钟内尝试构建并运行流，请参阅 Langflow 快速入门。

工作区 (Workspace)​

在构建 流 时，您主要与工作区进行交互。 这是您添加 组件、配置它们并将其连接在一起的地方。

空白 Langflow 工作区

从工作区，您还可以访问 游乐场 (Playground)、分享 (Share) 菜单 和 日志 (Logs)。

工作区手势与交互​

使用以下快捷键、手势和功能来浏览工作区：

  • 水平和垂直平移：点击并拖动工作区的空白区域。

  • 重排组件：点击并拖动组件到工作区的任何位置。

    要更改组件之间的程序化关系，您必须操作组件的 边缘 (edges) 或 端口 (ports)。更多信息请参阅 组件概述。

    要启用引导线，点击 帮助，然后切换 启用智能引导 (Enable smart guides)。

    如果您无法编辑任何组件，请确保流已 解锁。

  • 缩放：滚动鼠标或触控板，或点击缩放百分比旁边的 画布控制 以获取更多缩放选项：放大、缩小、缩放到 100% 和 缩放至适应窗口。

  • 添加笔记和注释：点击 添加笔记。

  • 键盘快捷键：要查看可用快捷键，点击 帮助，然后选择 快捷键 (Shortcuts)。

游乐场 (Playground)​

如果您的流包含 聊天输入 (Chat Input) 组件，您可以使用 游乐场 (Playground) 来运行您的流、与您的流聊天、查看输入和输出，并实时修改 LLM 的记忆以调整流的响应。

要亲自尝试，请基于 基础提示 (Basic Prompting) 模板创建一个流，然后在工作区编辑该流时点击 游乐场 (Playground)。

游乐场

如果您的流中有 代理 (Agent) 组件，游乐场 会显示其工具调用和输出，以便您监控代理的工具使用情况并理解其响应背后的推理。 要在 游乐场 中尝试代理流，请使用 简单代理 (Simple Agent) 模板或 Langflow 快速入门。

带代理响应的游乐场

更多信息请参阅 在游乐场中测试流。

分享​

分享 菜单提供以下选项，用于将您的流集成到外部应用程序中：

  • API 访问：使用自动生成的 Python、JavaScript 和 curl 代码片段将您的流集成到您的应用程序中。

  • 导出：将您的流作为 JSON 文件导出到本地机器。

  • MCP 服务器：将您的流作为 MCP 兼容客户端的工具公开。

  • 嵌入到网站：将您的流嵌入到 HTML、React 或 Angular 应用程序中。

  • 可分享的游乐场：与其他用户分享您的 游乐场 界面。

    这专门用于分享 游乐场 体验；它不适用于在生产应用程序中运行流。

    可分享的游乐场 不适用于 Langflow 桌面版。

另请参阅​

Search