# Framer MCP for AI Agents AI Agent Connect > Framer lets you build stunning websites without code. This Connector gives your AI agent direct control over those sites. You can manage CMS collections, sync external data, and push updates live without ever touching the Framer canvas. It’s built for teams who need to move content at the speed of conversation rather than manual clicks. ## Overview - **Category:** design-creative - **Price:** Free - **Endpoint:** https://edge.vinkius.com/vk_preview_XocPRHUqmexgPHRudnuYlV7Bh5mp6EvuOwQLlneR/ai-agent-connect - **Tags:** web-design, cms-management, site-publishing, interactive-design, content-sync, visual-canvas ## Description Managing a website's content usually means a lot of tab-switching. You have to open your CMS, find the right collection, click "add new," and then manually type in every single field. If you're updating dozens of items, it's a recipe for typos and wasted time. This Connector lets you skip that entirely. You can just tell your agent to add the new items or update existing ones. It handles the data entry so you can stay in your flow. By connecting this through the Vinkius catalog, you get a reliable way to bridge the gap between your data sources and your live site. It’s about moving from "how do I do this in the editor" to "get this live." It's built for the marketing manager who needs to update a landing page in seconds, the content strategist pulling from a spreadsheet, and the developer syncing headless data. You get a conversational interface where you just tell the agent what needs to change, and it happens instantly. Instead of a manual data entry marathon, you get a direct line from your ideas to your live URL without the middleman of a manual editor. It keeps your design layouts intact because the agent works behind the scenes on the data layer rather than moving elements on your canvas. ## Tools ### get_project Get specific details for a single Framer project. ### list_collections List all the CMS collections on your site. ### list_collection_items See every item inside a specific CMS collection. ### create_collection_item Create a new entry in a CMS collection using natural language. ### publish_site Make your latest CMS changes live to the public immediately. ### list_pages See every page currently on your site. ### list_projects See a list of all your Framer projects in one view. ### get_site_info Get the configuration details for your Framer site. ## Prompt Examples **Prompt:** ``` List all my CMS collections. ``` **Response:** ``` Your Framer site has 3 collections: * **Blog Posts** (18 items) * **Team Members** (12 items) * **Case Studies** (7 items) ``` **Prompt:** ``` Add a new team member named Ana Silva to the Team Members collection. ``` **Response:** ``` Added **Ana Silva** to the **Team Members** collection. * **Name:** Ana Silva * **Role:** (Not set) Would you like me to fill in her role, bio, or social links? ``` **Prompt:** ``` Publish the site now. ``` **Response:** ``` Triggering the publish command... ✅ **Success!** Your CMS changes are now live. * **Last updated:** Just now * **Status:** All 37 collection items synced across 3 collections. ``` ## Capabilities ### Add new CMS entries Create new items in your collections using simple natural language instructions. ### Update existing content Modify specific fields in your CMS without ever opening the editor. ### Sync external data Pull content from outside sources directly into your Framer site. ### Manage project lists See a high-level list of all your current Framer projects in one view. ### Push live updates Trigger a site publish to make your CMS changes visible to the public. ### Query collection schemas Understand your content structure and field types instantly via chat. ## Use Cases ### Updating a team page A manager tells the agent to add 5 new team members to the CMS collection using natural language. ### Syncing a blog feed A developer asks the agent to pull 10 new articles from a headless API into the Framer CMS. ### Publishing a campaign A marketer finishes a content update and asks the agent to push the site live to the public. ### Auditing site content A designer asks the agent to list all pages and collections to check the current structure. ## Benefits - Skip the manual clicks: Use create_collection_item to add content without ever logging into the Framer dashboard. - Automate content sync: Use list_collection_items and create_collection_item to pull data from external sources into your site. - One-click publishing: Trigger publish_site to push your latest changes live instantly after an update. - Instant schema awareness: Use list_collections to let your agent understand your content model before it starts making changes. - Bulk project management: Quickly see all your work with list_projects and get_project details without switching tabs. ## How It Works The bottom line is you get a conversational shortcut to your Framer CMS and publishing workflow. 1. Grab your Server API key from your Framer project settings. 2. Add the Framer MCP to your AI client via the Vinkius marketplace. 3. Tell your agent to update a collection or publish your site. ## Frequently Asked Questions **Can the Framer MCP update my CMS content?** Yes, it lets your agent create, update, and manage items in your CMS collections directly. You can add new entries or modify existing fields using natural language. **How do I use the Framer MCP to publish my site?** You can just tell your agent to publish the site, and it will trigger the live update for you. This makes your latest CMS changes visible to the public immediately. **Does the Framer MCP support multiple projects?** Yes, it can list and get details for all your different Framer projects, giving you a high-level view of your entire site portfolio. **Can I sync external data to Framer?** You can use the agent to pull content from other sources into your Framer CMS collections. This is ideal for syncing blog feeds or external databases. **Is the Framer MCP good for marketing teams?** It's great for marketers who need to update landing pages or blog posts without touching the design. It keeps your layouts intact while you manage the data. **How do I connect the Framer MCP?** You just need your Server API key from your Framer project settings and the Vinkius marketplace. Once connected, your agent can start managing your site. **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.