Use external agents with Framer
Learn how to use Claude Code, Codex, Gemini, and other external agents to interact with your Framer project.
External agents can help you make structured content and design updates in Framer by connecting to your project through the Framer agent setup.
Set up the Framer agent
Run the following command in your terminal:
After setup, open your preferred terminal or LLM tool and ask it to interact with your Framer project.
For example, you can start Claude Code by running claude. Then, ask something like "What blog posts do I have in <link to Framer project>?"
The first time you use an external agent with a project, it will ask for an API key and explain where to get it.
What external agents work well for
External agents work best when they interact with structured data in your Framer project, such as localizations, CMS items, and redirects.
For example, you can ask an agent to:
Update all blog posts so they refer to a product as “NewName” instead of “OldName”.
Make sure every URL in a file has a redirect pointing to its new URL.
Create a Team collection with five fake users, including a name, role, and biography.
Update the Spanish translations of the home page to use a more relaxed tone.
External agents can also help with content and design changes. For example, you can ask an agent to update an about page with a project grid, change the homepage hero to use a new color scheme, update footer links, or add icons to a features section.
What external agents cannot do yet
External agents cannot currently:
Delete, update, or move pages.
Update site or project settings.
Assign overrides to nodes.
Access analytics data.
External agents can help you make structured content and design updates in Framer by connecting to your project through the Framer agent setup.
Set up the Framer agent
Run the following command in your terminal:
After setup, open your preferred terminal or LLM tool and ask it to interact with your Framer project.
For example, you can start Claude Code by running claude. Then, ask something like "What blog posts do I have in <link to Framer project>?"
The first time you use an external agent with a project, it will ask for an API key and explain where to get it.
What external agents work well for
External agents work best when they interact with structured data in your Framer project, such as localizations, CMS items, and redirects.
For example, you can ask an agent to:
Update all blog posts so they refer to a product as “NewName” instead of “OldName”.
Make sure every URL in a file has a redirect pointing to its new URL.
Create a Team collection with five fake users, including a name, role, and biography.
Update the Spanish translations of the home page to use a more relaxed tone.
External agents can also help with content and design changes. For example, you can ask an agent to update an about page with a project grid, change the homepage hero to use a new color scheme, update footer links, or add icons to a features section.
What external agents cannot do yet
External agents cannot currently:
Delete, update, or move pages.
Update site or project settings.
Assign overrides to nodes.
Access analytics data.
External agents can help you make structured content and design updates in Framer by connecting to your project through the Framer agent setup.
Set up the Framer agent
Run the following command in your terminal:
After setup, open your preferred terminal or LLM tool and ask it to interact with your Framer project.
For example, you can start Claude Code by running claude. Then, ask something like "What blog posts do I have in <link to Framer project>?"
The first time you use an external agent with a project, it will ask for an API key and explain where to get it.
What external agents work well for
External agents work best when they interact with structured data in your Framer project, such as localizations, CMS items, and redirects.
For example, you can ask an agent to:
Update all blog posts so they refer to a product as “NewName” instead of “OldName”.
Make sure every URL in a file has a redirect pointing to its new URL.
Create a Team collection with five fake users, including a name, role, and biography.
Update the Spanish translations of the home page to use a more relaxed tone.
External agents can also help with content and design changes. For example, you can ask an agent to update an about page with a project grid, change the homepage hero to use a new color scheme, update footer links, or add icons to a features section.
What external agents cannot do yet
External agents cannot currently:
Delete, update, or move pages.
Update site or project settings.
Assign overrides to nodes.
Access analytics data.
FAQ
Do I need an API key to use an external agent with Framer?
Yes. The first time you use an external agent with a project, it will ask for an API key and explain where to get it.
Which external agents can I use?
You can use agents such as Claude Code, Codex, Gemini, and other compatible external agents.
Can an external agent make any change to my Framer project?
No. External agents work well for structured data and some content or design changes, but they cannot delete, update, or move pages, update project settings, assign overrides, or access analytics data.
Updated