Framer MCP. Manage content and publish site changes conversationally.
Gemini Works with every AI agent you already use
…and any MCP-compatible client
Just plug in your AI agents and start using Vinkius.
Framer. Give your AI agent direct access to manage Framer sites. You can list projects, view site configurations, list CMS collections, create new content items, update existing content, and trigger site publishing—all without opening the Framer editor.
This tool lets your agent handle your entire content and publishing workflow conversationally.
What your AI agents can do
Create collection item
Creates a brand new CMS content item in a specified collection.
Get project
Retrieves high-level details about the current Framer project.
Get site info
Gets the current configuration and metadata for the Framer site.
The agent retrieves details about specific Framer projects, site configurations, and available pages.
The agent lists available CMS collections and allows you to create, read, and update content items within those collections.
The agent triggers a live site publish, pushing all staged CMS changes from your collections live to the public.
Ask AI about this MCP
Supported MCP Clients
Gemini Waiting for input…
Framer MCP Server: 8 Tools for CMS & Site Management
Use these tools to list projects, manage collections, create content items, and publish your Framer site directly from your AI agent.
019d759ecreate collection item
Creates a brand new CMS content item in a specified collection.
019d759eget project
Retrieves high-level details about the current Framer project.
019d759eget site info
Gets the current configuration and metadata for the Framer site.
019d759elist collection items
Lists all existing items within a specific CMS collection.
019d759elist collections
Lists all available CMS collections configured in the Framer project.
019d759elist pages
Lists all individual pages that make up the site.
019d759elist projects
Lists every Framer project associated with the connected account.
019d759epublish site
Triggers a site publish, making all staged CMS and page changes visible to the public immediately.
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 every 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 4,700+ other servers whenever your AI needs more. One click, no limits.
- Use this MCP plus 4,700+ others, all in one place
- Add new capabilities to your AI anytime you want
- Every connection is secured and compliant automatically
- Track usage and costs across all your servers
- Works with Claude, ChatGPT, Cursor, and more
- New servers added to the catalog every week
What you can do with this MCP connector
The Framer MCP Server gives your AI agent direct control over your Framer site's content and publishing. You'll manage everything—listing projects, checking site configs, listing CMS collections, creating new content, updating existing stuff, and hitting publish—without ever opening the Framer editor. Your agent handles your whole content and publishing flow just by talking to it. list_projects lets your agent see every Framer project tied to your account. get_project pulls up the high-level details for the current project. get_site_info grabs the site's current configuration and metadata. list_collections shows all the CMS collections set up in the project. list_pages lists every individual page on the site.
For the content itself, list_collection_items lists all the items inside a specific CMS collection. create_collection_item lets your agent make a brand new content item in a collection. You can update existing content using the content item details. The whole deal wraps up with publish_site, which triggers a live site publish, making all your staged CMS and page changes visible to the public right away.
How Framer MCP Works
- 1 Subscribe to the Framer integration on the Vinkius Marketplace and generate a Server API key from your Framer project settings.
- 2 Tell your AI agent the goal: 'Update the 'About Us' blog post and publish the site.'
- 3 The agent uses the tools to check the site info, create the content item, and finally calls
publish_siteto make it live.
The bottom line is, your agent uses the Framer API to run complex, multi-step content workflows without needing any manual clicks inside the Framer application.
Who Is Framer MCP For?
This is for design-led and marketing teams who can't afford to stop their creative flow to manually update content. If you're a developer who needs to feed content from a headless API into a visual builder, this is your server. It lets you treat your site like a database, not a collection of static pages.
Needs to update blog posts or landing page copy for a campaign launch. They ask the agent to 'Update the Q3 campaign page with the new copy and publish it.'
Needs to feed structured data from a database or spreadsheet into the CMS. They ask the agent to 'Sync the latest product catalog data into the Product Collection.'
Needs to ensure that campaign assets are live when scheduled. They ask the agent to 'Publish the new microsite draft immediately.'
What Changes When You Connect
- Publishing on Demand: Don't manually hit the publish button. Using
publish_sitemakes your latest CMS changes instantly visible to visitors, guaranteeing your content goes live exactly when you want it to. - CMS CRUD Operations: Managing content is simple. You can use
list_collectionsto see what collections exist, then usecreate_collection_itemto add new blog posts or case studies without touching the visual canvas. - Content Synchronization: Developers can use the agent to push data from external sources. This handles the payload transfer, allowing you to keep your CMS updated without manual imports.
- Site Mapping: Need to know what content exists? Use
list_collectionsandlist_pagesto get a full inventory of every piece of content and every page URL on the site. This helps plan major content updates. - Project Oversight: Need to switch context?
list_projectslets you see every Framer project you own, so your agent can target the right site for updates. - State Check: Before publishing, use
get_site_infoto check the current site configuration. This confirms you're working with the right parameters and structure.
Real-World Use Cases
Need to launch a campaign page quickly.
The marketing team drafted the copy and assets, but the site isn't live. They ask the agent to 'Create a new page for the Q4 campaign using the 'Landing Pages' collection and publish it.' The agent runs create_collection_item and publish_site, solving the problem in one conversation.
Database data needs to update the website.
The product team updates its internal database and needs the website's product listings to reflect the changes. They ask the agent to 'Sync the new SKU data into the Product Catalog collection.' The agent handles the content sync workflow, ensuring the public site is up-to-date.
Debugging a missing blog post.
A developer suspects a blog post is missing. They ask the agent to 'List all items in the Blog Posts collection.' The agent runs list_collection_items, immediately giving the developer a list of IDs and titles, allowing them to pinpoint the missing content.
Mapping the entire site architecture.
The project manager needs a full inventory before a redesign. They ask the agent to 'List all projects and collections.' The agent uses list_projects and list_collections to provide a structured, multi-level map of the entire site.
The Tradeoffs
Trying to update content manually.
Going into the Framer editor, clicking the CMS panel, finding the specific collection, and manually editing the content fields for a single item. This takes 5-10 minutes of clicks and is prone to human error.
→
Instead, ask the agent to 'Update the case study on Acme Corp. Use the new text and publish.' The agent handles the entire process using list_collection_items (to find the ID), then create_collection_item (to update it), and finally publish_site.
Only running 'list_collections'.
A user sees the list of collections but doesn't know which specific content item ID needs updating. They are stuck with just names and can't act.
→
First, use list_collections to identify the collection. Then, use list_collection_items to get a list of items within that collection, providing the specific ID needed for the agent to perform an update via create_collection_item.
Publishing before content is ready.
A content editor runs publish_site after adding new text but forgetting to save the underlying CMS data payload. The site publishes stale or incomplete content, requiring an immediate rollback.
→
Always check the content first. Use list_collection_items to verify the content payload is correct. Once you confirm the content is 100% ready, then run publish_site.
When It Fits, When It Doesn't
Use this server if your workflow is primarily content-driven and involves publishing. You need to manage collections, create items, and trigger site updates. It's perfect for teams that treat their website as a structured database. Don't use this if your problem is purely about code generation, component library management, or backend data transformation that doesn't touch the CMS. If you just need to list all available projects, use list_projects, but if you need to do something with those projects—like updating content—you need this full suite.
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 INFRASTRUCTURE
Cloud Hosted
Managed infra
V8 Isolated
Sandboxed per request
Zero-Trust Proxy
No stored credentials
DLP Enforced
Policy on every call
GDPR Compliant
EU data residency
Token Compression
~60% cost reduction
Works with Claude, ChatGPT, Cursor, and more
The Model Context Protocol standardizes how applications expose capabilities to LLMs. Instead of operating in isolation, your AI gains direct access to external platforms, live data, and real-world actions through secure, standardized connections.
This server provides 8 capabilities that interface natively with Claude, ChatGPT, Cursor, and any MCP client. No middleware. No custom integration required.
Available Capabilities
Updating a single blog post shouldn't take five tabs and a dozen clicks.
Today, updating content means opening the Framer editor. You navigate to the CMS section, find the right collection (e.g., Blog Posts), locate the specific entry, click edit, copy the new text from Google Docs, paste it, and then click save. If you forget one step, or if the content needs to be published, you have to repeat the whole sequence.
With the Framer MCP Server, you just tell your agent: 'Update the 'Product Launch' post with this text and publish it.' The agent runs the necessary tools—it locates the item, updates the payload via `create_collection_item`, and triggers the live update using `publish_site`. It’s that simple.
Framer MCP Server: Publish site changes instantly.
You no longer have to manually hit the publish button after syncing data or updating a collection. The agent handles the transition from 'draft' to 'live' using the `publish_site` tool.
It’s a direct, programmatic connection. Your site moves from a development state to production state with a single command, eliminating the risk of stale content or human error.
Common 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.
How do I use the `list_collections` tool to check what content I have? +
You run list_collections to see all available content types. This gives you a quick overview of every CMS collection your site uses, helping you figure out where specific data lives.
What happens if I try to create a collection item with missing required fields using `create_collection_item`? +
The system returns an error message detailing which required fields are missing. This prevents incomplete data from entering your CMS, keeping your content clean and usable.
Can I check the status of my Framer project before listing items using `get_project`? +
Yes, running get_project fetches the current configuration and status of your entire Framer project. This confirms the project is active and ready before you try to manipulate its contents.
After I publish my site using the `publish_site` tool, how do I verify the changes went live? +
The publish_site tool confirms the publish trigger and gives you the current live status. You'll see a confirmation message detailing the last updated time, letting you know the changes are visible to visitors.
Use it with your favorite AI tools
Connect this server to Cursor, Claude, VS Code, and more.
More in this category
Alai
Generate professional headshots and profile photos with AI that transforms selfies into studio-quality business portraits.
Color Converter Engine
Convert any color between HEX, RGB, HSL, and CMYK with mathematical precision. The AI guesses color codes — this engine knows them.
Meshy (3D AI)
Transform text and images into high-quality 3D models using Meshy's generative AI directly from your agent.
You might also like
R2R
Equip your AI with direct access to your R2R engine — execute vector searches, run precise RAG queries, and manage your documents.
Smarty
Equip your AI with enterprise-grade location intelligence to validate, autocomplete, and extract US or International addresses instantly.
Claid AI
Automate AI image processing via Claid — upscale resolution, remove backgrounds, and enhance product photos directly from any AI agent.