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 Oct 1, 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

Join MCP

10 tools Official

Manage recruiting, jobs, and candidates via JOIN API.

A+ View details →

Workable MCP

7 tools Official

Recruit top talent with an ATS that posts to 200+ job boards, screens candidates with AI, and manages the entire hiring flow.

A+ View details →

Gameball MCP

8 tools Official

Turn customers into loyal fans with gamified rewards, referral programs, and engagement challenges that drive repeat purchases.

A+ View details →

Microsoft App Store MCP

8 tools Official

Manage your Microsoft Store apps — track submissions, add-ons, and package flights via the Submission API.

A+ View details →