Joseph
7:13
Connect Framer to Claude Code, ChatGPT Codex, Cursor, and more
Connect Claude Code to Framer, or use Codex and Cursor, by authorizing an external agent through the Framer CLI. Once connected, the agent can inspect your project, update CMS content, create branches, import files, run audits, and keep changes tied to your editable Framer site.
Lesson details
To connect Claude Code to Framer, use External Agents through the Framer CLI flow, paste your project link, and approve the connection in the browser. The external agent can then work with the project from the terminal while changes appear safely in Framer.
This is useful for large structured tasks. In the lesson, an external agent turns local CSV files, Markdown articles, and image folders into Framer CMS collections with fields, references, uploaded assets, list pages, and detail pages.
External agents can also produce project artifacts around the Framer site. You can ask them to run performance, SEO, and accessibility audits, save the results as Markdown, send them to Notion, or pull content from external tools into the CMS.
Frequently asked questions
What are External Agents in Framer?
External Agents connect tools such as Claude Code, ChatGPT Codex, and Cursor to a Framer project through the Framer CLI. After you authorize the connection, the External Agent can inspect the project and prepare structured changes while the result remains visible and editable in Framer.
Which tools can I connect to Framer?
You can connect supported coding and AI tools that work with the Framer CLI, including Claude Code, ChatGPT Codex, and Cursor. The exact setup happens from the tool’s terminal workflow and requires you to approve access in the browser. Use the project link for the site you want the External Agent to inspect or update.
When should I use an External Agent instead of the Agent?
Use an External Agent for work that begins outside Framer or needs files, APIs, scripts, or structured data from another tool. The Agent is better suited to direct work on the canvas. External Agents are useful for imports, audits, CMS synchronization, and repeatable workflows that connect your project with other systems.
Can External Agents work with APIs and data?
Yes. External Agents can read local CSV, Markdown, and image files, connect to approved APIs, and turn that source material into CMS collections, fields, references, uploaded assets, and pages. Define a stable identifier for each record and review the mapping before applying a large import or synchronization.
How do I keep External Agent work safe?
Authorize only the project and services needed for the task, and use a branch for broad or production-sensitive changes. Ask the External Agent to preview its plan, preserve unrelated fields, and verify every written record. Review the branch in Framer and keep publishing as a separate action after the result passes your checks.
Continue watching
Load more