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.

Framer MCP Connector for Claude

A+

Equip your AI agent with direct access to Framer — manage CMS collections, sync content, and publish site changes without opening the Framer editor.

8 tools Official Updated Jun 28, 2026 Official Vinkius Partner

More Details Connect to Claude

Connect Framer to your AI agent and manage your website CMS content and publishing workflow conversationally.

What you can do

CMS Collections — List, create, update, and manage CMS collection items directly from natural language commands.
Content Sync — Push content updates from external data sources into your Framer CMS collections programmatically.
Site Publishing — Trigger site publishes to push your latest CMS changes live.
Collection Schema — Query collection structures and field definitions to understand your content model.

How it works

Subscribe to the Framer integration on the marketplace.
Generate a Server API key from your Framer project (Site Settings → General → generate API key).
Ask your AI agent to manage CMS content, sync data, or publish your site.

Who is this for?

Design-Led Teams — Update website content without touching the Framer canvas or disrupting design layouts.
Marketing Teams — Publish landing pages, blog posts, and campaign content directly from conversations.
Developers — Programmatically sync CMS data from headless APIs, databases, or spreadsheets into Framer.

web-designcms-managementsite-publishinginteractive-designcontent-syncvisual-canvas

Related Connectors

Onfleet MCP

10 tools Official

Manage last-mile deliveries via Onfleet — create tasks, track drivers, check ETAs, and complete orders directly from any AI agent.

A+ View details →

Comet ML MCP

6 tools Official

Manage machine learning experiments via Comet — track model metrics, audit project workspaces, and inspect ML run parameters directly from any AI agent.

A+ View details →

ActiveTrail MCP

5 tools Official

Email and SMS marketing automation — manage contacts, campaigns, and group segments via AI.

F View details →

Volcengine RTC MCP

10 tools Official

Bring ByteDance's internal RTC Engine to your AI workflow. Administrate audio/video calls, manage servers, and start Mixes.

A+ View details →