Use external agents with Framer

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 prompt 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, Framer will open your browser and ask you to allow the connection to your project.

Connect Framer to Claude Code, Codex, Cursor, and more

7:13

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:

1. Update all blog posts so they refer to a product as “NewName” instead of “OldName”.

2. Make sure every URL in a file has a redirect pointing to its new URL.

3. Create a Team collection with five fake users, including a name, role, and biography.

4. 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:

1. Update some site or project settings like project names and domains.

2. Assign overrides to nodes.

3. Access analytics data.