Funnel Draw / Integrations / Framer

Funnel Draw + Framer

Framer connects to coding agents (Claude Code, Codex, Cursor) through its own agent bridge rather than an MCP server; add Funnel Draw's MCP to the same agent and it can build a landing page from the step's copy in your Framer project. Changes go to a Framer branch and go live only when you publish or tell the agent to.

Start free Framer docs

Tools your AI runs · Through your AI

How it works

The page follows the step Headline, sections and form come from the landing page step, so the page matches the plan.
Work on a branch Framer puts the agent's changes on a branch you review or undo before merging.
CMS too Framer's agent can read and write CMS collections, for example one item per webinar or offer.

Set it up

Connect Funnel Draw to your coding agent
Copy https://app.funneldraw.com/mcp from Workspace → Integrations → Claude and ChatGPT in Funnel Draw. In Claude Code run `claude mcp add --transport http funneldraw https://app.funneldraw.com/mcp`, then `/mcp` → Authenticate; in Codex run `codex mcp add funneldraw --url https://app.funneldraw.com/mcp`; in Cursor add the address as a remote server in mcp.json. Sign in to Funnel Draw and pick the workspace.
Connect Framer to the same agent
On framer.com/agents/external, click Copy install prompt for your tool and run it in the agent (it runs `npx @framer/agent setup`). Then run the `/framer` skill in the agent and grant access to your project in the browser.
Ask for the page
For example: "Read the Landing page step in my Watercolor course funnel and build it as a new page /free-guide in my Framer project, with the hero, three bullets and the signup form. Don't publish."
Review the branch in Framer
Open the project, check the branch on desktop and mobile, then merge and publish yourself.
Note the result on the step
Ask the AI to add the Framer page link and what it made (the page URL) to the step's notes with update_funnel, or paste it on the step yourself in the canvas. The next time the AI reads the funnel with get_funnel, it sees what is already done.

Ideas to try

When the landing page step is written, Framer gets the page
A watercolor course's coding agent builds /free-guide on a branch from the step's copy for review.
When the funnel adds a webinar, Framer's CMS gets the item
A B2B SaaS's agent adds the webinar's title, date and speaker as a CMS item from the Webinar step.
When a page leaks, the agent tries a fix
analyze_funnel shows the landing page converts below plan; the agent drafts a shorter hero variant on a branch.

Questions

Does Funnel Draw connect to Framer directly?

No. Funnel Draw has no direct Framer integration. Your AI holds two connections, Funnel Draw's MCP and Framer's own, reads the step from one and works in the other. Funnel Draw never sees your Framer login.

Can I do this from Claude's or ChatGPT's chat app?

Framer's page lists Claude Code, Codex, Cursor, Antigravity CLI and Windsurf, agents that can run a terminal command. It doesn't list the Claude or ChatGPT chat apps.

Is there a Framer MCP server?

Framer says a separate MCP server isn't needed; its agent bridge works with any AI that can run a terminal command or call an MCP tool.