How do I connect my Framer project?

You need to generate an API key in your Framer project under Site Settings and General, then provide it to the MCP.

Do I still need to use the Framer editor?

You still use the editor for design and layout, but you can handle all CMS and publishing tasks through your AI agent.

Can I publish my site through the AI?

Yes, the publish_site capability allows your agent to push your latest changes live.

Which AI clients work with this MCP?

This MCP works with any compatible client including Claude, Cursor, Windsurf, and VS Code.

Can I sync data from other apps?

Yes, you can use your AI agent to push content from external data sources into your Framer CMS collections.

How do I get my Framer API key?

Open your Framer project in the editor. Go to Site Settings (gear icon in the top bar), then navigate to the General tab. Scroll down to find the Server API section and click Generate API key. Copy the key and store it securely. treat it like a password. This key is specific to this project. Paste it into the configuration field below.

Can I push content from a spreadsheet into my Framer CMS?

Yes. Your AI agent can create and update CMS collection items programmatically. Describe the data you want to add, and it maps your fields to the Framer collection schema and creates the items. perfect for bulk content migrations or data-driven landing pages.

Does publishing through the API affect my Framer design?

No. The Server API only manages CMS content. it cannot modify your visual design, canvas layout, or component structure. Your designers remain in full control of the visual experience while content teams operate independently through the AI agent.

Is this suitable for agencies managing multiple Framer projects?

Yes. Each API key is bound to a specific Framer project. Configure separate integrations for each client project and your AI agent can switch between them. managing content across your entire portfolio without opening multiple browser tabs.

An astronaut overseeing a futuristic data hub

Download PDF Markdown Version

Connect Framer to ChatGPT, Claude and Gemini

Set it up once and it works in ChatGPT, Claude, Cursor, and any other client you love. It all runs safely in the background, so you can relax and focus on what really matters. Run your website updates through a simple conversation.

Ask AI about this Connector

Developed, maintained, and hosted by Vinkius.

MCP VERIFIED · PRODUCTION READY · VINKIUS GUARANTEED

Waiting for input…

Works with modern AI clients that support MCP, including ChatGPT, Claude, Cursor, and more.

Your AI does the work. We keep it safe and sound.

No other AI tool gives you this. Your workflow runs in the client you already love, your account stays protected, and you decide what the agent can and cannot do. It is the whole reason to make the switch.

Each Connector lives inside our infrastructure, the same place where your workflow runs. The three things below are already part of it, working quietly in the background so you never have to think about them. Nothing to add, nothing to set up, nothing to worry about.

V8 Isolate01

Each Connector runs inside its own sealed environment.

Each Connector runs inside its own sealed V8 runtime — no access to your files, your system, or other servers. A Connector never sees past its own request.

Kill Switch02

One switch stops every agent. Instantly.

One action deactivates every Connector, revokes every token, and ends every session at once. AI Governance keeps the record.

FinOps per User03

Spending limits that pause instead of surprise.

Every user keeps their own connections and credentials, isolated from everyone else. Anything that would cross your spending limit is held for your approval, not billed.

Three controls, built into the layer your AI connects through.

Curated set · 8 capabilities

We ship only the actions that matter.

Capability set01 / 02

01-04

4 capabilities in this set.

Part of 8 available through Framer.

01
List projects
This capability shows you all the Framer projects you have access to.
02
Create collection item
This capability adds a new entry to a specific CMS collection.
03
Get site info
Use this to pull the configuration and settings of your site.
04
Get project
Use this to get specific details about a single Framer project.

Capability set02 / 02

05-08

4 capabilities in this set.

Part of 8 available through Framer.

05
List collections
This capability retrieves all the CMS collections defined in your project.
06
List collection items
This capability returns a list of all items currently in a CMS collection.
07
Publish site
This capability pushes your latest changes live so visitors can see them.
08
List pages
This capability provides a list of every page on your website.

Real work

What teams actually run

Automated Content Updates

Sync your product catalog or blog posts from a spreadsheet directly into Framer.

Rapid Content Deployment

Tell your agent to add a new team member and publish the site immediately.

Site Auditing

Ask your agent to list all pages and collections to check your site structure.

Headless Data Integration

Use your AI client to bridge the gap between a database and your Framer CMS.

Automate a task

Put Framer to work on one thing.

Step-by-step automations your AI runs through this Connector: the workflow, the prompts to start with, and the exact capabilities behind each move.

One connector, every AI

Framer works with the most popular AI clients.

These are the most popular clients, each with a step-by-step guide: one link, set up once, with governance and visibility built in. And because everything runs on the MCP standard, the same connection also works in any other compatible client — nothing to rebuild.

Building your own app? The connector is yours to use.

You don't need a client to put Framer to work: the same hosted connection plugs into your own applications and agent code, with the same governance on every request. Build with it, chat with it — one connection for both.

Observed, not estimated

880ms average. Fast in production.

Framer is checked daily against the live service.

Daily averagePeak 1068ms

Oct 3Today

Fastest day: 768ms
Slowest day: 1068ms
14-day trend: Slowing+15%

Connect your client

One URL. Every client.

Activate the Connector, copy your link, and paste it into the client you already use. 8 capabilities arrive ready to run.

Preview access · not provider authentication

The vk_preview_* token belongs to Vinkius preview infrastructure. It lets Claude discover and display the capabilities of Framer, so you can see the experience inside your AI.

It does not authenticate your account with Framer. Actions requiring credentials or live account data may not run until you activate the Connector and authorize the service.

Framer Connector

You're all set. Choose your MCP client and follow the setup instructions.

Connector linkhttps://edge.vinkius.com/vk_preview_XocPRHUqmexgPHRudnuYlV7Bh5mp6EvuOwQLlneR/mcp

Claude Desktop

Follow the steps below to connect in seconds.

1In Claude Desktop, open Settings → Connectors.
2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
3Click Add and start a new chat — Framer capabilities are ready to use.

Configuration · claude_desktop_config.jsonCopy

{
  "mcpServers": {
    "framer-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_XocPRHUqmexgPHRudnuYlV7Bh5mp6EvuOwQLlneR/mcp"
    }
  }
}

Claude
ChatGPT
Cursor
VS Code
Windsurf
Claude Code
JetBrains
Cline

Step-by-step instructions for each client are in the guide. How to connect

Guided setup for Claude? Set up Framer in Claude and other AIs

See all the AI clients this connector works with ↑

Who it's for

Built for the work Framer owners hand off.

This MCP is built for teams that need to update website content without touching the design canvas.

01
Marketing Teams
They use the AI to publish blog posts and landing page content.
02
Developers
They use it to sync CMS data from external databases or APIs.
03
Design-Led Teams
They hand off content updates to the AI to avoid breaking layouts.

FAQ

Questions Framer owners ask.

01
How do I connect my Framer project?
You need to generate an API key in your Framer project under Site Settings and General, then provide it to the MCP.
02
Do I still need to use the Framer editor?
You still use the editor for design and layout, but you can handle all CMS and publishing tasks through your AI agent.
03
Can I publish my site through the AI?
Yes, the publish_site capability allows your agent to push your latest changes live.
04
Which AI clients work with this MCP?
This MCP works with any compatible client including Claude, Cursor, Windsurf, and VS Code.
05
Can I sync data from other apps?
Yes, you can use your AI agent to push content from external data sources into your Framer CMS collections.
06
How do I get my Framer API key?
Open your Framer project in the editor. Go to Site Settings (gear icon in the top bar), then navigate to the General tab. Scroll down to find the Server API section and click Generate API key. Copy the key and store it securely. treat it like a password. This key is specific to this project. Paste it into the configuration field below.
07
Can I push content from a spreadsheet into my Framer CMS?
Yes. Your AI agent can create and update CMS collection items programmatically. Describe the data you want to add, and it maps your fields to the Framer collection schema and creates the items. perfect for bulk content migrations or data-driven landing pages.
08
Does publishing through the API affect my Framer design?
No. The Server API only manages CMS content. it cannot modify your visual design, canvas layout, or component structure. Your designers remain in full control of the visual experience while content teams operate independently through the AI agent.
09
Is this suitable for agencies managing multiple Framer projects?
Yes. Each API key is bound to a specific Framer project. Configure separate integrations for each client project and your AI agent can switch between them. managing content across your entire portfolio without opening multiple browser tabs.

Explore

More in Design Creative

Connect Framer to Claude, Cursor, ChatGPT & more

Your AI does the work. We keep it safe and sound.

Each Connector runs inside its own sealed environment.

One switch stops every agent. Instantly.

Spending limits that pause instead of surprise.

We ship only the actions that matter.

01-04

List projects

Create collection item

Get site info

Get project

05-08

List collections

List collection items

Publish site

List pages

What teams actually run

Automated Content Updates

Rapid Content Deployment

Site Auditing

Headless Data Integration

Building your own app? The connector is yours to use.

Framer Connector

Claude Desktop

Marketing Teams

Developers

Design-Led Teams

How do I connect my Framer project?

Do I still need to use the Framer editor?

Can I publish my site through the AI?

Which AI clients work with this MCP?

Can I sync data from other apps?

How do I get my Framer API key?

Can I push content from a spreadsheet into my Framer CMS?

Does publishing through the API affect my Framer design?

Is this suitable for agencies managing multiple Framer projects?

Kentico (CMS & DXP) AI Connector

Builder.io (Visual CMS) AI Connector

Builder.io AI Connector

ContentStack (Management) AI Connector

Suggestions

Webflow AI Connector

HubSpot CMS Hub AI Connector

Joomla (Open-Source CMS) AI Connector

Kontent.ai (Enterprise Headless CMS) AI Connector