How to Use the Framer MCP in Claude

Q: How do I install the Framer MCP server in Claude Desktop?

Open your claudedesktopconfig.json file. Add the server command under the mcpServers key, save, and restart the app.

Q: Can Claude Desktop read my existing Framer CMS data?

Yes. The agent uses the listcollectionitems tool to pull your current database entries. It reads the exact text and fields already published.

Q: Does Claude Desktop let me publish Framer sites directly?

It does. You give the command, and the agent fires the publishsite tool. The site goes live without you touching the Framer UI.

Manage Framer CMS content and publish sites via this MCP Server directly from Claude Desktop.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect Framer MCP to Claude Desktop

Create your Vinkius account to connect Framer to Claude Desktop and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.

GDPR Free for Subscribers

Setup Framer with Claude Desktop

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Read Framer projects via MCP Server

Your AI client needs to know what you are building before it can help. You point it at your account, and it uses `list_projects` to pull everything you have access to. From there, it grabs the specifics. Running `get_site_info` and `list_pages` tells Claude exactly how your navigation and URLs map out, so you never have to manually copy-paste staging links again.

Write CMS items from Claude Desktop

Content managers waste hours clicking through web interfaces to paste text. This server skips the UI entirely. Claude calls `list_collections` to find your blog or portfolio database. Once it knows the schema, it runs `create_collection_item` to push new entries straight into the database. You drop a draft into the chat, and it goes live as structured data.

Publish site changes instantly

Staging is great, but eventually you need to ship. Most workflows break here because the AI cannot hit the deploy button. This integration fixes that. After Claude verifies the new CMS items via `list_collection_items`, you just tell it to push. It triggers `publish_site` and your changes are live to visitors.

Setup guide

Set up Framer MCP in Claude Web or Desktop

1

Open Claude Settings

Go to claude.ai, click your profile icon, then navigate to Customize → Connectors.
2

Add Custom Connector

Click the "+" button and select Add custom connector. Paste your Vinkius endpoint URL: https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp Replace [YOUR_TOKEN_HERE] with your token from cloud.vinkius.com. For OAuth-protected servers, expand Advanced settings to add credentials.
3

Start a conversation

Open a new chat. The Framer MCP tools are available immediately — no restart needed.

Endpoint URL

https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp

No configuration file needed — paste the URL directly in the Claude web interface.

Available on Free (1 connector), Pro, Max, Team, and Enterprise plans.

Prerequisites

Claude Desktop installed (macOS or Windows)
Active Vinkius subscription with a valid endpoint token

1

Open Claude Desktop Settings

Click the menu icon at the top-left corner, go to Settings → Developer → Edit Config. This opens claude_desktop_config.json in your default text editor.
2

Paste the Framer MCP configuration

Copy the JSON snippet on the right into the mcpServers object. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Restart Claude Desktop

Close and reopen the application. Claude needs a full restart to load new MCPs — refreshing a conversation is not enough.
4

Verify the connection

Open a new conversation. Click the 🔌 icon at the bottom of the message input. You should see tools listed under framer-mcp.

json

{
  "mcpServers": {
    "framer-mcp": {
      "url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
    }
  }
}

Get your connection token →

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by Framer. All third-party trademarks, logos, and brand names are the property of their respective owners. Their use on this website is strictly for informational purposes to identify service compatibility and interoperability.

Why Choose Vinkius

Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.

Connect Framer now

Real-time monitoring

Live

visibility into every interaction

Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.

Built-in savings

60%

lower AI costs

Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.

Single dashboard

One

place for every integration

Every tool your AI connects to, managed from a single screen. One account, complete control.

Common questions about Framer MCP in Claude Desktop

Open your claude_desktop_config.json file. Add the server command under the mcpServers key, save, and restart the app.

Yes. The agent uses the `list_collection_items` tool to pull your current database entries. It reads the exact text and fields already published.

It does. You give the command, and the agent fires the `publish_site` tool. The site goes live without you touching the Framer UI.

Because clicking through menus is slow. This gives your AI client programmatic access to read projects and write content in seconds.

The server only touches your project structures, CMS text, and site configurations. Vinkius runs this MCP connection in an isolated V8 sandbox, meaning your API tokens and site data vanish the second the session ends.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.

OpenAI Agents SDK sdk-python

Google ADK sdk-python

Pydantic AI sdk-python

Vercel AI SDK sdk-typescript