By Ira Bodnar, Ryze AI · Updated
Quick answer
To connect Claude to Framer, create an API key in Framer Site Settings, connect Framer in a Ryze AI workspace with the project URL and that key, then add https://connector.get-ryze.ai/mcp as a custom connector in Claude and start a new chat. Framer also runs its own MCP server at https://mcp.framer.com/mcp.
- In Framer open Site Settings, General, API Keys and create a key
- In Ryze AI open Integrations, click Connect on Framer, paste the project URL and key, pick a CMS collection
- In Claude open Customize, Connectors, Add custom connector and paste the URL
- Click Connect, pick the workspace, click Allow connection, open a new chat
Before you start
- A Claude account. Anthropic lists custom connectors on Free, Pro, Max, Ultra, Team and Enterprise plans. Free accounts can add one custom connector. On Team, only Owners and Primary Owners add a custom connector; on Enterprise, Owners, Primary Owners and people with a custom role that includes Manage access to Libraries can. Members then click Connect themselves.
- A Framer project with a CMS collection. Publishing needs at least one CMS collection in the project that the API key can access. You create the key in Framer Site Settings, General, API Keys. Framer's docs say a key authenticates a script as the user who created it and is bound to one project.
- A Ryze AI workspace on a plan or free trial. SEO Starter is $129 per month with a 3-day free trial. Connecting the Ryze AI connector is free, but the Framer tools need any active Ryze AI plan or trial. Annual billing takes 30% off the first year.
How to connect Claude to Framer in claude.ai
Three steps happen in Framer and Ryze AI, three in Claude. The connector URL is the same for every user.
Create an API key in Framer
Open the project in Framer, open Site Settings with the settings icon at the top right, go to General and scroll to API Keys. Create a key and copy it. Keep it somewhere safe, such as a password manager.
Connect Framer in Ryze AI
Create a Ryze AI account or sign in, open Integrations and click Connect on the Framer card. Paste the Project URL from the Framer editor's address bar (it must include the 20-character project id, or paste just the id) and the API key, then click Continue.
Choose the CMS collection
In the window that opens, pick the CMS collection under Choose a Collection and click Save. Ryze AI publishes Content Plan articles into this collection. The published site address does not work as the Project URL.
Add the custom connector in Claude
In claude.ai open Customize, then Connectors (claude.ai/customize/connectors). Click + Add, then Add custom connector. Enter the name Ryze AI and the URL https://connector.get-ryze.ai/mcp, then click Continue. Review the authentication settings Claude detected and click Continue. Do not choose No sign in: the Ryze AI server requires OAuth sign-in. Click Add.
Click Connect and allow the workspace
Click Connect on the Ryze AI connector. On the Ryze AI page Connect your data sources to AI, sign in (or click Sign up), choose the workspaces Claude can access, up to 20 per connection, and click Allow connection.
Open a new chat and ask your first question
Start a new chat. Connectors can be turned on or off per conversation from the + button, Connectors. Ask: List the collections in my Framer site and the fields of each one.
The Ryze AI help article for Framer covers the Framer side of the connection, and the Ryze AI Claude setup page covers the Claude side.
Claude Desktop, Team and Enterprise, and the Directory
Claude connects to remote MCP servers from Anthropic's cloud, not from your device, so the same steps apply in Claude Desktop, Cowork and the mobile apps. In Claude Desktop open Customize, Connectors and follow steps 4 and 5 above.
Team and Enterprise organizations
- An Owner or Primary Owner (on Enterprise, also a person with a custom role that includes Manage access to Libraries) opens Organization settings, Connectors and clicks Add.
- Hover over Custom, select Web, enter the name Ryze AI and the URL https://connector.get-ryze.ai/mcp, then click Continue.
- Review the authentication settings Claude detected and click Continue. Choose Sign in now or Sign in when needed, not No sign in, then click Add.
- Each member opens Customize, Connectors, finds Ryze AI (usually labeled Custom) and clicks Connect.
- The member signs in on the Ryze AI page, picks workspaces, clicks Allow connection and starts a new chat.
Framer is connected once per Ryze AI workspace, with one Framer connection per workspace. Members of the organization see it through the workspace they allow.
Claude Directory
Ryze AI also has a listing in the Claude Directory at claude.ai/directory/ryze-ai. Sign in to Claude, add the connector from the listing, complete the Ryze AI sign-in, choose workspaces, click Allow connection and start a new chat. The listing carries the Community label, which Anthropic describes as automated reviews that are not verified by Anthropic.
ChatGPT and Cursor
The same URL works in other MCP clients. Framer is connected once in Ryze AI, so nothing changes on the Framer side.
ChatGPT
OpenAI's help article lists full custom MCP server support on ChatGPT Business and Enterprise/Edu, and read and fetch permissions only on Pro. Go to Plugins (chatgpt.com/plugins), select the plus button, choose Add custom MCP server, enter the name Ryze AI and the URL https://connector.get-ryze.ai/mcp, choose OAuth, create it as a plugin and complete the Ryze AI sign-in. On Business an admin or owner has to create and publish it.
Cursor
Add the server to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (one project) as shown below, then sign in on the Ryze AI page and click Allow connection.
{ "mcpServers": { "ryze": { "url": "https://connector.get-ryze.ai/mcp" } } }Framer API key and access
The Framer side of the connection is an API key, not a sign-in screen. Three things decide what Claude can reach.
- Who creates the key
- Someone with access to the project's Site Settings creates it under General, API Keys. Framer's docs say the key authenticates a script as the user who created it, so create it with an account whose reach you are comfortable sharing.
- Which project
- A key is bound to one project, and Ryze AI keeps one Framer connection per workspace. To switch projects, click View on the Framer card, disconnect with the trash icon and connect again.
- Which collection
- After you paste the key, you choose one CMS collection for article publishing. The API key must be able to access at least one CMS collection in the project, or publishing has nothing to write to.
Sources: Framer's Server API quick start and the Ryze AI Framer integration.
Removing access
To remove access, delete the key in Framer under Site Settings, General, API Keys. In Ryze AI, click View on the Framer card and use the trash icon. In Claude, open Customize, Connectors, Ryze AI and click Disconnect.
What Claude can do in Framer
The Ryze AI connector exposes three Framer tools. They work on CMS collections and site publishing only.
| Tool | Type | What it does |
|---|---|---|
| framer__read | Read | Lists the connected site's CMS collections, a collection's fields, its items, or one item with its field data. |
| framer__write | Write | Creates or updates CMS items in a collection, matched by slug or id (an item with an existing slug is updated in place), or publishes the site so changes go live. |
| framer__delete | Delete | Removes CMS items from a collection by id. A publish afterwards makes the removal live. |
The tools do not edit Framer pages, custom code or redirects. For page and layout edits, see Framer's own MCP server below.
You choose which tools need your approval in Claude. In Customize, Connectors, Ryze AI, Tool permissions, set the write and delete tools to Needs approval, so Claude asks before it changes or removes an item or publishes the site.
First 3 prompts to run
1. Map the CMS
List the CMS collections in my Framer site. For the blog collection, show its fields and the items it holds.
Tools used: framer__read
What comes back: The collection names, the field names of the blog collection and a list of its items.
2. Update one item
Open the Framer CMS item with the slug your-slug and show me its field data. Then update its title field to the text I give you.
Tools used: framer__read, framer__write
What comes back: The item's current field data, then a confirmation that the item with that slug was updated in place. Nothing is live until the site is published.
3. Publish the site
Publish my Framer site so the CMS changes go live.
Tools used: framer__write
What comes back: A confirmation that the publish ran. If write tools are set to Needs approval, Claude asks you first.
Each answer comes from your own Framer project, so this page describes what comes back instead of showing sample output. Replace the slug and field names with your own.
Ryze AI vs Framer's own MCP server
Framer publishes its own MCP server, and Ryze AI offers a CMS-focused connector. They suit different jobs.
| Option | Setup | Framer coverage | Auth | Works in |
|---|---|---|---|---|
| Ryze AI connector | Framer API key and project URL entered in Ryze AI, then one custom connector URL in Claude | CMS collections and site publish: 3 tools to read, create or update, publish and remove items | Framer API key; OAuth sign-in to Ryze AI | claude.ai, Claude Desktop, ChatGPT, Cursor and other MCP clients |
| Framer MCP (official) | Open the Framer listing in the Claude Directory and select Connect to Claude, or add https://mcp.framer.com/mcp as a remote server | Framer says agents can create pages, edit layouts, update content and manage CMS collections | OAuth with your Framer account; it uses that account's permissions | Codex, Claude, Cursor, Grok Bot and any client with remote MCP and OAuth |
If the job is building or editing Framer pages and layouts, Framer's own MCP server covers more of Framer. The Ryze AI connector fits when you want the Framer CMS tied to Ryze AI SEO: Content Plan articles publish into the Framer collection you chose, and the same connection is available in Claude, ChatGPT and other MCP clients. Framer's help article also notes that its older @framer/agent setup uses a local CLI bridge and supports additional workflows such as localization.
Sources: Getting started with Framer MCP, Framer Server API introduction, Anthropic custom connectors, Ryze AI Framer integration. Checked November 13, 2026.
Framer errors and fixes
- Ryze AI says the Framer project URL is not valid
- The link must include the 20-character project id. Copy it from the Framer editor's address bar, or paste only the id. The published site address does not work.
- The API key is rejected
- Create a new key in Framer under Site Settings, General, API Keys for the same project and paste it again. Framer's docs say keys are bound to a specific project.
- No collection to choose or publish into
- Publishing needs at least one CMS collection in the project that the API key can access. Add a collection in Framer, then connect again.
- A connection link is refused
- A workspace holds one Framer connection. Click View on the Framer card, disconnect with the trash icon and connect again.
- Claude cannot edit a page or add custom code
- The Framer tools cover CMS collections and publish only. Use Framer's own MCP server for page and layout work.
- An edit does not show on the live site
- CMS changes go live after a publish. Ask Claude to publish the site, or publish from Framer. A deletion also needs a publish.
- Framer tools do not appear in Claude
- Claude keeps the tool list from the moment the connector is added. If Framer was connected in Ryze AI afterwards, remove the Ryze AI connector, add it again and start a new chat.
- Claude says a subscription is required
- The Framer tools need any active Ryze AI plan or free trial. Start the trial under Organization Settings, Billing, then retry.
- The connector will not edit in place
- Anthropic says to edit a custom connector you remove it and add it again.
Frequently asked questions
How do I connect Claude to Framer?
Create an API key in Framer under Site Settings, General, API Keys. In Ryze AI click Connect on the Framer card, paste the project URL and the key, and choose a CMS collection. Then in claude.ai open Customize, Connectors, Add custom connector, enter https://connector.get-ryze.ai/mcp, click Connect, allow the workspace and start a new chat.
Does Framer have its own MCP server for Claude?
Yes. Framer's help article lists an official remote server at https://mcp.framer.com/mcp with OAuth, and a Framer listing in the Claude Directory. Framer says it lets agents create pages, edit layouts, update content and manage CMS collections, using the permissions of the Framer account you sign in with.
Which Framer connector should I use with Claude?
Ryze AI is the best Framer connector for publishing Content Plan articles into a Framer CMS collection from Claude, but it only covers the CMS and site publish. For editing pages and layouts, use Framer's own MCP server.
What do I need in Framer to connect?
A project with at least one CMS collection that the API key can access, and the project URL copied from the Framer editor's address bar with the 20-character project id. You create the API key in Site Settings, General, API Keys.
Which Claude plan do I need?
Anthropic lists custom connectors on Free, Pro, Max, Ultra, Team and Enterprise. Free accounts can add one custom connector. On Team and Enterprise an Owner adds the Ryze AI connector first, then each member clicks Connect.
Can Claude edit or delete Framer CMS items?
Yes. Through Ryze AI, Claude can create or update CMS items, remove items by id and publish the site. Set write and delete tools to Needs approval in Claude so it asks first. A publish makes changes and removals live.
Can Claude edit Framer pages or custom code?
Not through the Ryze AI connector. Its Framer tools work only with CMS collections and site publish; they do not edit pages, custom code or redirects.
Can I connect more than one Framer project?
A Ryze AI workspace holds one Framer connection. To switch projects, click View on the Framer card, disconnect with the trash icon and connect again. One Claude connection covers up to 20 Ryze AI workspaces.
Does this work in Claude Desktop?
Yes. Claude connects to the MCP server from Anthropic's cloud on every Claude client, so you add the connector in Customize, Connectors in Claude Desktop with the same steps as on claude.ai.
Why do the Framer tools not show up in Claude?
Claude keeps the tool list from the moment you add the connector. If you connected Framer in Ryze AI after adding it, remove the Ryze AI connector in Customize, Connectors, add it again and open a new chat.
How much does it cost to connect Claude to Framer?
Adding the connector is free, but the Framer tools need any active Ryze AI plan or trial. SEO Starter is $129 per month with a 3-day free trial, Paid Ads is $89 per month with a 7-day free trial and Agency is $279 per month. Annual billing takes 30% off the first year.
How do I disconnect Framer from Claude?
Delete the API key in Framer under Site Settings, General, API Keys. You can also disconnect Framer in Ryze AI with the trash icon on the Framer card, or remove the Ryze AI connector in Claude under Customize, Connectors.