--- title: "Framer: Connect Claude, Cursor, Codex, Grok, and more to Framer" description: Use Framer with Claude Code, Cursor, Codex in ChatGPT, and other AI tools. Connect directly to build and update sites. No MCP setup required. published: "Sep 18, 2026, 4:28 PM UTC" --- # Connect Framer to Claude Code, Codex in ChatGPT, Cursor, and more AI’s Skip the MCP setup. Framer works directly with Claude Code, Cursor, Codex, and other AI tools. Native access to Framer with your own AI agents for deeper capabilities, custom skills, and the latest model advancements. [Try the Internal Agent](../) ### Codex in ChatGPT Connect Codex to Framer with full access to your canvas, components, CMS, and more. [Get Codex in ChatGPT](https://openai.com/codex/). Copy `Copy install prompt` ### Claude Code Connect Claude to Framer with full access to your canvas, components, CMS, and more. [Get Claude Code](https://claude.com/product/claude-code). Copy `Copy install prompt` ### Cursor Connect Cursor to Framer with full access to your canvas, components, CMS, and more. [Get Cursor](https://www.cursor.com/). Copy `Copy install prompt` ### Antigravity Connect Google Antigravity to Framer with full access to your canvas, components, CMS, and more. [Get Antigravity](https://antigravity.google/). Copy `Copy install prompt` ## Learn how to Connect Framer to Claude, Codex, Cursor, and more Opus 4.7 · Claude Max /Users/paul \> npx @framer/agent setup 1. ### Run the install prompt Run the [install prompt](./#install) in your preferred AI. This installs the bridge your agent uses to talk to Framer. If asked to pick a `folder` to work from, pick any folder like your Desktop. \> npx @framer/agent setup ⏺ Bash (npx @framer/agent setup)\\ Installed 2 skills to /Users/paul/.agents/skills, /Users/paul/.claude/skills \> /framer 1. ### Connect to your projects In your AI agent, run the `/framer` skill to connect it to your Framer project and grant access to the project from your browser. This establishes the connection between your external AI and your Framer project. ⏺ Bash (npx @framer/agent setup)\\ Installed 2 skills to /Users/paul/.agents/skills, /Users/paul/.claude/skills Connected to your Site project (session 6). What would you like me to help you with? \> List all the blogposts in my project 1. ### Write your first prompt Tell your agent what to build, change, or fix. It works directly in your Framer project without the need to have it open. This means you can update anything in your project and even publish remotely. Connect Framer to Claude Code, ChatGPT Codex, Cursor, and more 7:13 ## Frequently asked questions - ###### Do I need to set up a Framer MCP server?No. Framer doesn’t require a separate MCP server. If you’re searching for a Framer MCP, the native Framer External Agent connection gives [Claude Code](https://www.anthropic.com/claude-code), [Cursor](https://cursor.com/), [Codex](https://openai.com/codex/), [Antigravity CLI](https://antigravity.google/), and other AI tools direct access to your canvas, components, CMS, and project context, without manual MCP setup. - ###### Which AI agents are supported?Framer Agent works with any AI that can run a terminal command or call an MCP tool, including [Claude Code](https://www.anthropic.com/claude-code), [Codex](https://openai.com/codex/), [Cursor](https://cursor.com/), [Antigravity CLI](https://antigravity.google/), and [Windsurf](https://windsurf.com/). If your agent supports tools or a terminal, it can connect. - ###### Can the agent edit my live site?No. The agent works on your canvas in the Framer editor, not on your published site. Changes only go live when you choose to publish them yourself or tell the agent. - ###### Does the agent have access to my CMS?Yes. Once connected, the agent can read and write CMS collections, including creating, updating, and deleting items. You stay in control of what gets published. - ###### Is it safe to give an agent access to my project?The agent only has access to the projects you explicitly connect it to. It cannot access other projects, your account settings, or billing. You can revoke access at any time. - ###### What happens if the agent makes a mistake?Framer has [branching](../../collaborate/), so every change made by an external agent automatically happens on a branch. You can undo changes, review the branch, and decide when to merge it back into your main branch. - ###### What should I do when my AI asks me to choose a folder to work from?External Agents running on your machine need a folder to work from. They use it to save temporary files that make working with your Framer project more efficient. You can choose any folder in any location, such as your Desktop or Documents. ## What external agents can do in Framer - [Layouts Create responsive layouts that adapt cleanly across pages and breakpoints.](../../) - [Collaborate Work with teammates and agents while keeping changes organized.](../../collaborate/) - [Components Reuse shared building blocks so edits stay consistent everywhere.](../../) - [App Connect external agents directly to Framer projects and pages.](./) - [Publish Ship updates from design to a live site without leaving Framer.](../../publish/) - [CMS Structure dynamic content and let agents update it safely.](../../cms/) ## Your next idea starts here Create personal portfolio, Build startup site, `Launch landing page`, Start company blog [Start without AI](https://framer.com/signup) --- ## Navigation - [Enterprise](../../enterprise/) - [Pricing](../../pricing) - [Log in](https://framer.com/r/login) - [Sign up](https://www.framer.com/r/signup/) - [Brand guidelines](../../brand) - [AI New](../../ai/) - [Agents New](../) - [Design](../../design/) - [Collaborate New](../../collaborate/) - [CMS](../../cms/) - [Hosting](../../hosting/) - [Performance](../../performance/) - [SEO](../../seo/) - [Convert](../../convert/) - [Publish](../../publish/) - [Updates New](../../updates) - [Academy](../../academy/) - [Guides](../../guides) - [Desktop app](../../downloads/) - [Blog](../../blog/) - [Newsletter](../../newsletter) - [Stories](../../stories/) - [Developers](../../developers/) - [Creators](../../creators) - [Experts](../../expert/apply/) - [Students](../../education/students/) - [Ambassadors](../../education/ambassadors/) - [State of Sites](https://www.framer.com/state-of-sites-2026/) - [Stack Score New](../../stack-score/) - [Help Articles](../../help/) - [Contact](../../contact/) - [Startups](../../startups/) - [Agencies](../../agencies/) - [Switch](../../switch/) - [Careers](../../careers/) - [Brand](../../brand) - [Store](../../store) - [Security](../../legal/security) - [Abuse](mailto:abuse@framer.com) - [Legal](../../legal/community-terms) - [Trust](https://app.eu.vanta.com/framer.com/trust/ow67ujg7iav0t6qtd1o6r2) - [Designers](../../solutions/designers/) - [Agencies](../../solutions/agencies/) - [Marketers](../../solutions/marketers/) - [Growth](../../solutions/growth/) - [Builders](../../solutions/builders/) - [Engineers](../../solutions/engineers/) - [Site Teams](../../solutions/site-teams/) - [Founders](../../solutions/founders/) - [AI website builder](../../solutions/ai-website-builder/) - [AI design agent](../../solutions/ai-designer/) - [Website builder](../../solutions/website-builder/) - [Landing pages](../../solutions/landing-pages/) - [Portfolio maker](../../solutions/portfolio-website/) - [UI/UX design](../../solutions/ui-ux-design/) - [No-code](../../solutions/no-code-website-builder/) - [Overview](../../compare) - [Webflow](../../compare/framer-vs-webflow) - [Figma](../../compare/framer-vs-figma) - [Wix](../../compare/framer-vs-wix) - [Squarespace](../../compare/framer-vs-squarespace) - [WordPress](../../compare/framer-vs-wordpress) - [Readymag](../../compare/framer-vs-readymag) - [Ceros](../../compare/framer-vs-ceros) - [Unbounce](../../compare/framer-vs-unbounce) - [Lovable](../../compare/framer-vs-lovable) - [Claude Code](../../compare/framer-vs-claude-code) - [ChatGPT](../../compare/framer-vs-chatgpt) - [Codex](../../compare/framer-vs-codex) - [Contentful](../../compare/framer-vs-contentful) - [Sanity](../../compare/framer-vs-sanity) - [AEM](../../compare/framer-vs-adobe-experience-manager) - [Replit](../../compare/framer-vs-replit) - [v0](../../compare/framer-vs-v0) - [Marketplace](https://www.framer.com/community/marketplace/) - [Templates](https://www.framer.com/community/marketplace/templates/) - [Components](https://www.framer.com/community/marketplace/components/) - [Plugins](https://www.framer.com/community/marketplace/plugins/) - [Vectors](https://www.framer.com/community/marketplace/vectors/) - [Feed](https://www.framer.com/community/feed/) - [Hype](https://www.framer.com/community/hype/) - [Gallery](https://www.framer.com/community/gallery/) - [Contests](https://www.framer.com/community/contests/) - [Members](https://www.framer.com/community/members/) - [Meetups](../../meetups/) - [Updates](../../updates/community/) - [Figma to HTML](../../solutions/figma-to-html/) - [AEO scanner](../../aeo) - [Meta Tags](https://www.linkpreview.app/) - [Free domains](../../domains/) - [CanvasBench](../../canvasbench/) - [Shortcuts](../../shortcuts) - [Checking status](https://www.framerstatus.com/) - [504,616,418,546 tokens processed this week](https://openrouter.ai/apps/framer)