Docs
Documentation
Back to FlooGet started
Getting started
  • Your first canvas
  • The canvas editor
Agents
  • Connect an agent
  • The Floo Agent
  • MCP tools
Connect MCP
  • Claude Code
  • Claude
  • ChatGPT
  • Codex
  • Cursor
  • VS Code
  • Windsurf
  • Gemini CLI
  • Other clients
  • Agent keys
  • Apps MCP tools
Collaborate
  • Comments and mentions
  • Approvals and versions
  • Prototypes
  • Design memory
Imports and integrations
  • Imports
  • Linear
  • Slack
  • Outbound webhooks
Teams and billing
Connect MCP

Cursor

Install Floo in Cursor with one click, or add it to mcp.json.

One click

Open the Connect agent dialog on a canvas, choose Cursor and click Add to Cursor. Cursor opens with the server filled in: review it and click Install.

Or edit mcp.json

Add Floo to ~/.cursor/mcp.json for every project, or to .cursor/mcp.json in a repository for that project only:

{
  "mcpServers": {
    "floo": {
      "url": "https://worker.floo.design/mcp"
    }
  }
}

For the Apps library as well, add a second entry:

{
  "mcpServers": {
    "floo-apps": {
      "url": "https://worker.floo.design/mcp/apps"
    }
  }
}

Sign in

Open Cursor Settings → MCP (or Tools & Integrations), enable floo, and click Connect if Cursor asks. Approve access in the browser tab that opens.

Without a browser

With an agent key, send it as a header instead:

{
  "mcpServers": {
    "floo": {
      "url": "https://worker.floo.design/mcp",
      "headers": {
        "Authorization": "Bearer cvk_your_agent_key"
      }
    }
  }
}

Don't commit a file that contains a key.

Start designing

Open the Agent chat and send:

Work on Floo canvas cnv_8hQ2x. Start with get_guide and follow it.

PreviousCodexNextVS Code