> ## Documentation Index
> Fetch the complete documentation index at: https://docs.langbot.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Using Langflow with LangBot

[Langflow](https://langflow.com/) is an open-source project for building and deploying AI-based Agents and Workflows. It supports local and cloud deployment, and provides APIs for other applications to integrate.

LangBot currently supports using Langflow as the runner.

## Creating a Workflow in Langflow

Please follow the [Langflow documentation](https://langflow.com/docs/introduction) to deploy Langflow instance.

As an example of the default template's Simple Agent:

<img src="https://mintcdn.com/langbot/OB26CZsqXqbSrW_A/images/zh/deploy/pipelines/langflow/create_flow.png?fit=max&auto=format&n=OB26CZsqXqbSrW_A&q=85&s=19200e1a99b7ffba9e99548f60637e01" alt="create_flow" width="2402" height="1562" data-path="images/zh/deploy/pipelines/langflow/create_flow.png" />

You can modify the workflow according to your needs:

<img src="https://mintcdn.com/langbot/OB26CZsqXqbSrW_A/images/zh/deploy/pipelines/langflow/edit_flow.png?fit=max&auto=format&n=OB26CZsqXqbSrW_A&q=85&s=764ca67a6ff75cf5f1e8a21418458145" alt="edit_flow" width="1502" height="864" data-path="images/zh/deploy/pipelines/langflow/edit_flow.png" />

## Configuring LangBot

Open the LangBot WebUI page, add a new pipeline or switch to the AI capability configuration page in an existing pipeline, and select `Langflow API` as the runner.

<img src="https://mintcdn.com/langbot/OB26CZsqXqbSrW_A/images/zh/deploy/pipelines/langflow/set_langflow_runner.png?fit=max&auto=format&n=OB26CZsqXqbSrW_A&q=85&s=bf46a507c29ff1a3d97a298153d23049" alt="set_langflow_runner" width="627" height="986" data-path="images/zh/deploy/pipelines/langflow/set_langflow_runner.png" />

Fill in the other settings according to the prompts, including `Base URL` (fill in according to actual network conditions), `API Key`, `Flow ID`, etc. The API Key can be obtained from Langflow's Settings:

<img src="https://mintcdn.com/langbot/OB26CZsqXqbSrW_A/images/zh/deploy/pipelines/langflow/get_api_key.png?fit=max&auto=format&n=OB26CZsqXqbSrW_A&q=85&s=23551f84a1d172ba618271e636384394" alt="get_api_key" width="2402" height="1562" data-path="images/zh/deploy/pipelines/langflow/get_api_key.png" />

Flow ID can be obtained by clicking the `Share` -> `API access` button in the top right corner of the edit page and obtaining it from the example code:

<img src="https://mintcdn.com/langbot/OB26CZsqXqbSrW_A/images/zh/deploy/pipelines/langflow/get_flow_id.png?fit=max&auto=format&n=OB26CZsqXqbSrW_A&q=85&s=96763d3f41dca5c3aaa6554db2c87580" alt="get_flow_id" width="1858" height="1328" data-path="images/zh/deploy/pipelines/langflow/get_flow_id.png" />
