How to Use the Framer MCP in Claude Code

Q: How do I add the Framer MCP Server to Claude Code?

Run claude mcp add with the server details in your terminal. This registers the tools in your local environment, letting you query your site layout with quick commands.

Q: Can I use Claude Code to run publishsite on Framer in a headless environment?

Yes, Claude Code runs the publishsite tool directly from the command line. You can trigger this as the final step of a terminal script or build pipeline.

Q: How do I filter Framer CMS items with Claude Code?

Ask the CLI to fetch your data. It uses listcollectionitems to pull the records, and you can instruct the tool to parse or filter the JSON right in your terminal window.

Manage your Framer CMS and trigger production deploys directly from your terminal with Claude Code.

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 Code

Create your Vinkius account to connect Framer to Claude Code 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 Code

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Pipe Framer CMS data into terminal pipelines

The `list_collection_items` tool dumps your live database content as raw JSON directly into your shell using this Framer MCP Server. Claude Code pipes this output into local utilities like jq or custom scripts for instant processing. This headless approach lets you audit your website content without opening a browser. You get clean, structured data ready for your automation scripts.

Manage Framer deployments via this MCP Server

The `publish_site` tool triggers a production build of your project from a single terminal prompt. Claude Code executes this command as part of your deployment workflow or cron jobs. By integrating this MCP Server, you can automate site updates after running local tests. It brings backend deployment discipline to your visual web projects.

Query project metadata from the shell

The `get_site_info` tool retrieves your domain configurations, custom paths, and hosting settings instantly. Claude Code parses this metadata to verify your live routing setup. Combined with `list_pages`, it lets you run automated link checks via the MCP Server. You keep your site structure clean without ever leaving the terminal.

Setup guide

Set up Framer MCP in Claude Code

Prerequisites

Claude Code CLI installed (npm install -g @anthropic-ai/claude-code)
Active Vinkius subscription with a valid endpoint token

1

Run the add command

Open your terminal and run the command shown on the right. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com. Use --scope user to make it available across all projects.
2

Verify the connection

Start a Claude Code session and type /mcp to list connected servers. You should see framer-mcp with a green status indicator.
3

Start using tools

Ask Claude Code something like "Check my latest Framer transactions." It will automatically discover and invoke the available Framer tools.

Terminal

claude mcp add --transport http framer-mcp https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp

Get your connection token →

Prerequisites

Claude Code CLI installed
Active Vinkius subscription with a valid endpoint token

1

Open the config file

Create or edit .mcp.json in your project root for project-level scope, or ~/.claude.json for user-level scope.
2

Add the Framer MCP

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

Restart Claude Code

Start a new Claude Code session. Type /mcp to confirm the server is connected. The tools will be automatically available in your conversation.

.mcp.json

{
  "mcpServers": {
    "framer-mcp": {
      "type": "url",
      "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 Code

Run `claude mcp add` with the server details in your terminal. This registers the tools in your local environment, letting you query your site layout with quick commands.

Yes, Claude Code runs the `publish_site` tool directly from the command line. You can trigger this as the final step of a terminal script or build pipeline.

Ask the CLI to fetch your data. It uses `list_collection_items` to pull the records, and you can instruct the tool to parse or filter the JSON right in your terminal window.

Yes, run a command asking to see your workspace. Claude Code executes `list_projects` to output a clean list of all your active designs.

Your keys are managed securely by Vinkius in an ephemeral sandbox. No raw Framer project tokens or configuration details are stored in your local shell history or environment variables.

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