跳到主要内容

使用可视化编辑器

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

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

提示

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

工作区​

在构建 流程 时，您主要与工作区（workspace）进行交互。 在这里您可以添加 组件，配置它们并将它们连接在一起。

Empty Langflow workspace

从工作区，您还可以访问 Playground、Share 菜单 和 Logs。

工作区手势和交互​

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

  • 要直观地重新排列组件，请点击并拖动组件。

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

  • 要锁定组件的视觉位置，请点击 Lock（锁定）。

  • 要缩放，请使用以下任一选项：

    • 在鼠标或触控板上向上或向下滚动。
    • 点击 Zoom In（放大）或 Zoom Out（缩小）。
    • 点击 Fit To Zoom（适应缩放）以调整缩放级别以显示整个流程。

  • 要添加用于非功能性注释和评论的文本框，请点击 Add Note（添加注释）。

Playground​

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

要亲自尝试，请基于 Basic Prompting（基础提示）模板创建一个流程，然后在编辑工作区中的流程时点击 Playground。

Playground

如果您的流程中包含 Agent（代理）组件，Playground 会显示其工具调用和输出，以便您可以监控代理的工具使用情况并理解其响应背后的推理过程。 要在 Playground 中尝试代理流程，请使用 Simple Agent（简单代理）模板或 Langflow 快速入门。

Playground with agent response

有关更多信息，请参阅 在 Playground 中测试流程。

Share​

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

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

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

  • MCP 服务器：将您的流程作为工具暴露给兼容的 MCP 客户端。

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

  • 可分享的 Playground：与另一用户分享您的 Playground 界面。

    这专门用于分享 Playground 体验；不是用于在生产应用程序中运行流程。

    可分享的 Playground 在 Langflow Desktop 中不可用。

另请参阅​

Search