import Icon from "@site/src/components/icon";
import McpIcon from '@site/static/logos/mcp-icon.svg';

As of Langflow 1.9.x, the **MCP Tools** component is not listed as a draggable component under the **Agents** category. To add an MCP tool to a flow, do the following:

1. Register the MCP server.
   Open **Settings** → **MCP Servers**, and then click **Add MCP Server**, or click <McpIcon /> **MCP** in the flow editor’s left sidebar, and then click <Icon name="Plus" aria-hidden="true"/> **Add MCP Server**.

2. Configure and save the server.
   Enter the connection details, and then click **Save**.
   For more information, see [Use Langflow as an MCP client](/mcp-client).

3. In the <McpIcon /> **MCP** sidebar, drag the new server to the canvas.
   The **MCP Tools** component for that server is added to the canvas.

For more information, see [Use Langflow as an MCP client](/mcp-client) and [Use Langflow as an MCP server](/mcp-server).
