- DATA ENTRY
- INVENTORY
- HUMAN
- HUMAN
Short answer
Can I update my Framer CMS using AI?
Yes. You can use your AI client to list collections, browse items, and create new entries. This lets you populate your site content without opening the design canvas.
The outcomes
What your AI handles
The AI manages the data layer of your Framer site.
DATA ENTRY
New CMS entries
Your agent creates new rows in your collections. It maps your chat input to the fields you've set up in Framer.
INVENTORY
Collection browsing
The AI looks through your existing collections and items. It can find specific records to check their current status.
HUMAN
Design and layout
The AI cannot move elements on the canvas or change visual styles. You still handle the design work in Framer.
HUMAN
Field mapping
You must ensure your AI knows which text or image belongs in which field. The AI follows the structure you've already built.
The workflow
What your AI does when the data arrives.
The AI acts as a bridge between your chat interface and your Framer database.
Find collections
The agent identifies all available CMS collections in your project so it knows where to send data.
list_collectionsCheck existing items
It scans your current items to prevent duplicates or to find specific records you want to reference.
list_collection_itemsAdd new content
The AI takes your instructions and writes a new entry into the chosen collection.
create_collection_itemVerify entry
The agent can re-check the collection to confirm the new item was successfully added.
list_collection_items
Try it
Copy these to start.
Use these prompts to trigger the Framer tools.
Starting points
Replace the bracketed text with your actual collection names or specific content details.
Framer Connector
You're all set. Choose your MCP client and follow the setup instructions.
https://edge.vinkius.com/vk_preview_XocPRHUqmexgPHRudnuYlV7Bh5mp6EvuOwQLlneR/mcpClaude Desktop
Follow the steps below to connect in seconds.
- 1In Claude Desktop, open Settings → Connectors.
- 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
- 3Click Add and start a new chat — Framer capabilities are ready to use.
{
"mcpServers": {
"framer-mcp": {
"url": "https://edge.vinkius.com/vk_preview_XocPRHUqmexgPHRudnuYlV7Bh5mp6EvuOwQLlneR/mcp"
}
}
}List all my Framer collections so I can see what's available.
Show me the items currently in my 'Blog Posts' collection.
Create a new item in the 'Team Members' collection with the name 'Alex' and role 'Designer'.
Check the 'Products' collection to see if an item named 'Solar Charger' already exists.
Claude
ChatGPT
Cursor
VS Code
Windsurf
Claude Code
JetBrains
Cline
Start here
Connect Framer once, then ask.
Just link your account via the Vinkius dashboard. Your credentials stay encrypted, and you can immediately start talking to your Framer data in any compatible client.
Connect Framer to your AIFAQ
How this task behaves
- 01
Can the AI delete items from my Framer CMS?
No. The current tools only allow for listing and creating items. Deleting or updating existing items is not supported.
- 02
Can the AI change my website's colors or fonts?
No. The AI only interacts with the CMS data. It cannot access or modify the design canvas or visual styles.
- 03
Do I need to keep the Framer tab open?
No. Once the connection is active, you can manage your collections entirely through your AI client.
- 04
How does the AI know which fields to fill?
The AI uses the collection structure you've already defined in Framer. You just need to tell it what information to put in those fields.
- 05
Can I upload images through the AI?
No. The current tools are limited to creating text-based or structured data entries in your collections.
More questions about Framer? The Connector page answers them. See everything the Framer Connector can do
Connect Framer to Claude, Cursor, ChatGPT & more
