Skip to content
Framer MCP

Framer MCP

by Framer
Released
Docs
Developer Tools

Summary

Framer's official hosted MCP server: lets Claude, Cursor, ChatGPT and other agents build pages, edit CMS content and audit SEO in your Framer sites.

Features

  • Build and edit responsive pages
  • Create and update CMS collections
  • Audit metadata, headings and alt text
  • Branch-based review before publishing
  • OAuth sign-in over remote Streamable HTTP

Installation

Set up this MCP server in your favorite AI agent — copy a ready-made configuration below.

Any MCP-compatible agent

Most agents (Claude, Cursor, Windsurf, VS Code, and more) read a standard mcpServers configuration.

  1. Open your agent's MCP configuration file.
  2. Merge the snippet below into it.
  3. Restart the agent — the "Framer MCP" tools will be available.
{
  "mcpServers": {
    "framer-mcp": {
      "command": "claude",
      "args": [
        "mcp",
        "add",
        "--transport",
        "http",
        "framer",
        "https://mcp.framer.com/mcp"
      ]
    }
  }
}

Description

Framer MCP is the official Model Context Protocol server from Framer, the website builder. It lets an AI agent running outside Framer's editor work directly on your Framer projects, so you can brief Claude, Claude Code, Cursor, ChatGPT or Codex in plain language and watch pages take shape on the canvas.

What it can do
  • Build and edit pages. Create and change layouts across desktop, tablet and phone breakpoints while reusing the styles and components already in your project.
  • Manage CMS content. Create and update collections and items, which suits bulk content imports and programmatic blog or catalogue pages.
  • Review SEO. Inspect metadata, headings, alt text and page structure; pair it with another SEO MCP server in the same client for deeper audits.
  • Work on a branch. Changes stay in the project until published, and Framer recommends having the agent work on a branch you compare with main before merging. An agent only publishes if you explicitly ask.

Everything the agent produces remains fully editable in the Framer canvas, so designers and developers can take over at any point.

Setup

The server is hosted at https://mcp.framer.com/mcp and speaks remote Streamable HTTP with OAuth: add the URL to any client that supports it, approve the connection in the browser window that opens, and the agent gets the permissions of that Framer account across the projects it can access. Framer offers one-click setup for several clients and guides for VS Code, Windsurf, Warp and others. Some organisations require a workspace admin to approve MCP connections.

Good to know

AI usage is billed through your own AI client, not by Framer. Localization is not supported yet; the older External Agents CLI (@framer/agent) remains available for teams that need it.

Related MCP Servers

MCP: Wix MCP

by Wix

Wix's official MCP server — search the Wix REST, SDK, Headless and Design System docs, then query and act on the sites in your Wix account.

Developer Tools

MCP: Webflow MCP Server

by Webflow

Webflow's official MCP server — let agents read and edit sites, pages, CMS collections and items through the Webflow Data API, with a companion app that syncs the live Designer canvas.

Developer ToolsProductivity

MCP: Retool MCP

by Retool

Retool's official MCP server: query resources, audit user access and manage org membership from an agent, over your own Retool instance with OAuth 2.0.

Developer Tools
Browse all MCP servers →