Framer MCP. Automate CMS Content & Site Publishing Via AI
Framer MCP connects your AI agent directly into Framer's backend, letting you manage site content and publishing workflows conversationally. You can list, create, and update CMS collections, query site structures, and trigger full website publishes—all without opening the visual design editor.
Give Claude and any AI agent real-world access
List or create new items within any CMS collection, like adding a new employee profile or case study.
Get details about the entire project setup, including all available site pages and content model schemas.
Programmatically push fresh data or updates into your existing CMS collections from an outside source.
Trigger a full site publish to ensure all the changes you made—the new blog post, the updated portfolio—go live immediately.
Ask an AI about this
Waiting for input…
What AI agents can do with Framer: 8 Tools for CMS & Site Management
Use these tools to list project details, manage site pages, create new content items in your CMS collections, or push updates live from an AI agent.
Make your AI actually useful.
Add this MCP to Claude, Cursor, or Windsurf and your AI stops guessing. It gets real tools to look things up, take action, and handle the stuff you keep doing by hand.
Start using Framer MCPList Projects
Retrieves a list of all Framer projects associated with your account.
Get Project
Fetches detailed configuration and information for a specific Framer project.
List Collections
Reads and returns the names of all content management collections available on your...
List Collection Items
Retrieves a list of existing items (like blog posts) within a specific CMS...
Create Collection Item
Generates and adds brand new content items to a specified CMS collection.
Publish Site
Makes all current changes—content, pages, etc.—visible to the public website visitors.
List Pages
Lists every page defined in your Framer site structure.
Get Site Info
Grabs general configuration data and settings details for the entire website.
Security and governance baked right in.
Pick your AI client below to get set up. Just create a Vinkius account, subscribe, and you're instantly up and running. We handle the entire backend infrastructure, delivering out-of-the-box support for HTTPS Streamable, SSE, and OAuth2—zero messy routing required.
Choose How to Get Started
Build a custom MCP for your own tools, or connect a ready-made integration from our catalog.
Build Your Own
Turn any API into an MCP. Import a spec, define Agent Skills, or deploy with MCPFusion.
- Import from OpenAPI, Swagger, or YAML specs
- Create Agent Skills with progressive disclosure
- Deploy to edge with MCPFusion framework
- Built in DLP, auth, and compliance on each call
- Real time usage dashboard and cost metering
- Publish to catalog or keep private
Make Your AI Do More
Start with Framer, then connect any of our 5,200+ other servers whenever your AI needs more. One click, no limits.
- Use this MCP plus 5,200+ others, all in one place
- Add new capabilities to your AI anytime you want
- Connections are secured and governed automatically
- Track usage and costs across all your servers
- Works with Claude, ChatGPT, Cursor, and more
- New servers added to the catalog weekly
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.
VINKIUS CLOUD
Cloud Hosted
Managed infra
V8 Isolated
Sandboxed per request
Zero-Trust Proxy
No stored credentials
DLP Enforced
Policy on each call
GDPR Compliant
EU data residency
Token Compression
~60% cost reduction
The Content Workflow Nightmare
Today, updating a single website page often means jumping through three different tabs: the CMS editor to rewrite text; the asset library to find new images; and finally, manually clicking 'Publish' in the top right corner. If you have 20 pages to update, that’s twenty sets of clicks, logins, and potential human error.
With this MCP, that process becomes a single conversation. You tell your agent exactly what needs updating—say, changing the mission statement across five different landing pages—and it handles the content updates using `create_collection_item` or similar tools, followed by one command to make everything live.
Content Management with Framer
Manual steps that disappear include navigating the CMS UI, finding which collection an item belongs to, and remembering to check for orphaned content. You no longer have to manually run a site audit every time you change something.
What's different is control. Instead of hoping your human coworker remembers to hit publish, you use `publish_site` via natural language, ensuring the changes are deployed reliably and immediately.
What Framer MCP does for your AI
Manage your entire digital presence from plain language commands. This MCP gives your agent direct control over Framer's Content Management System (CMS) and publishing pipeline. You can ask it to list all available collections or create a new team profile item, ensuring your content is always accurate and up-to-date.
Need to update a blog post across three different collection types? Your agent handles that by pushing changes directly into the CMS. When everything is ready, you simply ask it to publish the site, making those updates visible to visitors immediately. It's about treating your website content like structured data—something you manage with text commands, not clicks in a GUI.
It works as part of the Vinkius catalog, giving your AI client access to Framer alongside thousands of other services. This means you don't need separate tools for every platform; everything connects through one place.
019d759e-ac8e-734d-b871-5a1d3f28a486 How to set up Framer MCP
The bottom line is that your AI client executes complex content workflows using simple natural language requests.
Subscribe to the Framer integration on Vinkius and generate an API key from your Framer project's settings.
Connect your AI client using this MCP, passing it the required API credentials.
Tell your agent exactly what you need done—for example, 'Create a new case study for Acme Corp and publish the site.'—and watch it execute the steps.
Who uses Framer MCP
Anyone who spends time updating or publishing websites manually knows this pain. If you're a marketing manager constantly juggling CMS updates, a developer needing to sync data from external APIs, or a design lead who wants to maintain content without touching the canvas, this MCP is for you.
Updates blog posts and portfolio items by asking the agent to create new collection items and then triggering a publish.
Writes code that programmatically fetches data from an external database and uses the MCP's tools to sync it into Framer's CMS collections.
Manages campaign launches by instructing the agent to update several landing pages, then running a publish command to make them live instantly.
Benefits of connecting Framer MCP
Stop logging into Framer manually. You can use the create_collection_item tool to add new blog posts or team bios directly through conversation.
Need to know what content exists? The list_collections and list_collection_items tools let your agent query everything, saving you from clicking through endless dashboards.
When a site update is ready, the publish_site tool makes it live instantly. It bypasses manual deployment steps and pushes changes immediately to visitors.
You don't need to touch the canvas. Use this MCP to manage complex data flows, syncing external information into CMS fields using structured commands.
Get a complete overview of your site with list_pages and get_site_info. Your agent can confirm if all necessary pages are configured before you run a publish command.
Framer MCP use cases
Launching a New Product Line
A marketing lead needs to launch 10 new product pages. Instead of manually creating each item, they ask their agent to 'Create 10 new collection items for the Products category.' The agent uses create_collection_item for all ten entries, then runs publish_site so the entire catalog goes live simultaneously.
Updating Team Bios After Reorg
The HR team needs to update 15 employee profiles. They ask their agent to 'Update the bio and role for all staff members in the People collection.' The agent uses list_collection_items first, then selectively updates data, finishing by calling publish_site.
Syncing Database Content
A developer needs to sync product inventory from an external Postgres database. They configure their client to push this structured data into Framer's CMS collections and then use the MCP to trigger a site publish, making the updated prices visible.
Pre-Flight Site Check
Before launching a major campaign, the content manager asks their agent to 'List all pages and check if the main landing page is configured.' The agent uses list_pages and get_site_info to confirm site readiness before allowing the publish command.
Framer MCP tradeoffs
What to watch out for, and the recommended way to handle each one.
Trying to edit design elements
Asking the agent, 'Change the color of the main hero background.' The agent will fail because this MCP only handles content data and site publishing, not visual styling.
If you need content changes, use tools like create_collection_item to add text or images. If you need to know what can be changed, ask the agent to 'list all CMS collections' first.
Publishing without checking data
Running publish_site immediately after a manual change, only to find that half of your content is missing or outdated.
Always check the current state first. Run list_collection_items for the specific collections involved, and then run get_site_info before executing the final publish command.
When to use Framer MCP
Use this MCP if your core workflow involves managing structured content—things like blog posts, product data, team members—and deploying those changes across a live website. You need an agent to treat Framer as a backend API endpoint, not just a visual editor. Don't use it if you need to perform purely visual design tasks (like adjusting spacing or fonts) because this MCP only manages content and publishing. If your goal is to build complex database logic outside of CMS records, connect that separate data source first; then use the list_collection_items tool to push the clean results into Framer.
Frequently asked questions about Framer MCP
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.