Agent Switchboard

Framer MCP

by Framer

VerifiedOfficial

Official listing: built and published by Framer. More from Framer

Connects Claude, Codex, Cursor and other MCP clients to Framer so designers and marketers can build website pages, manage CMS content, and publish sites.

Use it now

Keep it with up to 9 other tools you're setting up, then share them all as one link.

Try this first

Ask your assistant, with Framer MCP connected:

  • Build and Edit Pages

    Use Framer MCP to create new pages: ‹what you need›

  • Manage CMS Content

    Use Framer MCP to create CMS collections and items: ‹what you need›

  • Review SEO

    Use Framer MCP to inspect metadata, headings, alt text, page structure, and content issues: ‹what you need›

Connect it over MCP

Cursor and other MCP clients
{
  "mcpServers": {
    "framer-mcp": {
      "url": "https://mcp.framer.com/mcp"
    }
  }
}
Add to CursorAdd to Claude
Claude Code
claude mcp add --transport http framer-mcp https://mcp.framer.com/mcp

In Grok, ChatGPT and other assistants, add a custom connector with the address https://mcp.framer.com/mcp (how, step by step).

It may ask you to sign in to Framer or for a key when you add it; the setup guide says which.

Setup guide: framer.com/help/articles/getting-started-with-framer-mcp

Install the CLI

npm
npx @framer/agent setup

Setup guide: framer.com/help/articles/getting-started-with-framer-mcp

Call the API

Auth OAuth 2.0: you sign in with Framer

Setup guide: framer.com/help/articles/getting-started-with-framer-mcp

Compare

Press Compare to add it to the tray at the bottom of the window, then pick up to 2 others anywhere on the site.

Access
MCPAPICLI
Auth
OAuth 2.0
Skills
5

Skills

  • Build and Edit Pages

    Creates new pages and updates existing layouts across desktop, tablet, and phone breakpoints, reusing the project's styles and components.

  • Manage CMS Content

    Creates CMS collections and items, updates structured content, and imports content from sources the AI client can access.

  • Migrate a Site

    Rebuilds a page or a full site in Framer using an existing website as the reference, ready to review and refine on the canvas.

  • Review SEO

    Inspects metadata, headings, alt text, page structure, and content issues to review a Framer site's SEO and quality.

  • Work on a Branch

    Creates a Framer branch and makes changes there, so they can be reviewed before merging or publishing to the live site.

Content & MediaCode & DevToolswebsite-builderweb-designcmslanding-pagessite-migrationseo-auditno-code
Visit Agent

Related Agents

Wix MCP

MCP

Builds and manages Wix sites from your AI agent: searches Wix docs, writes Wix API and SDK code, and runs site actions…

VerifiedOfficialNewby Wix · Content & Media, Commerce & Payments · 4 skills · OAuth 2.0

Unlayer MCP

MCP

Lets coding agents build email, landing page, and document templates as code with Unlayer, generate designs from…

Verifiedby Unlayer · Content & Media, Code & DevTools · 5 skills · OAuth 2.0

Whooshly

MCP · API · Extension

Creates short links, dynamic QR codes, UTM templates, vCards and landing pages, and reads click and scan analytics via…

VerifiedNewby KMF Ventures LLC · Sales & Marketing, Content & Media · 6 skills · OAuth 2.0

Webflow MCP Server

MCP · API

Official Webflow MCP server for reading and updating site content, CMS collections, and page structure from an AI agent.

VerifiedOfficialby Webflow · Content & Media, Code & DevTools · OAuth 2.0
See 8 alternatives
framer-mcp
Connects Claude, Codex, Cursor and other MCP clients to Framer so designers and marketers can build website pages, manage CMS content, and publish sites.
try this first
Ask your assistant, with Framer MCP connected:
Use Framer MCP to create new pages: ‹what you need›build-pages
Use Framer MCP to create CMS collections and items: ‹what you need›manage-cms
Use Framer MCP to inspect metadata, headings, alt text, page structure, and content issues: ‹what you need›review-seo
use it now
https://mcp.framer.com/mcpmcp.endpoint
{"mcpServers":{"framer-mcp":{"url":"https://mcp.framer.com/mcp"}}}mcp.config
claude mcp add --transport http framer-mcp https://mcp.framer.com/mcpmcp.claude-code
https://www.framer.com/help/articles/getting-started-with-framer-mcp/mcp.docs
npx @framer/agent setupcli.install (npm)
https://www.framer.com/help/articles/getting-started-with-framer-mcp/cli.docs
OAuth 2.0: you sign in with Framerapi.auth
https://www.framer.com/help/articles/getting-started-with-framer-mcp/api.docs
fields
nameFramer MCP
providerFramer
urlhttps://www.framer.com/mcp/
categoriescontent-media · code-devtools
accessmcp · api · cli
authoauth2
streamingfalse
pushfalse
verifiedtrue
officialtrue · Framer
sponsoredfalse
tagswebsite-builder, web-design, cms, landing-pages, site-migration, seo-audit, no-code
skills
build-pagesBuild and Edit PagesCreates new pages and updates existing layouts across d…
manage-cmsManage CMS ContentCreates CMS collections and items, updates structured c…
migrate-siteMigrate a SiteRebuilds a page or a full site in Framer using an exist…
review-seoReview SEOInspects metadata, headings, alt text, page structure, …
branch-reviewWork on a BranchCreates a Framer branch and makes changes there, so the…
alternatives
/agents/framer-mcp/alternatives8 listedwix-mcp, unlayer-mcp, whooshly
compare
/compare?a=framer-mcp&b=wix-mcp&c=unlayer-mcpwith wix-mcp, unlayer-mcp
→ https://www.framer.com/mcp/