How to set up Framer for Claude Code, Codex in ChatGPT, and Cursor

Connect Claude Code, Codex, Cursor, and other compatible AI tools to Framer using MCP or the local CLI setup.

Framer supports two ways to connect external AI tools. Framer MCP is recommended for most workflows. The local CLI setup remains available for workflows that MCP doesn’t support yet, including localization.

Use Framer MCP

Framer MCP connects compatible AI tools through a remote MCP server. It doesn’t require Node.js or a local bridge.

Set up Framer MCP

Use the local CLI setup

Use the local @framer/agent CLI setup if you need localization or another workflow that isn’t yet available through Framer MCP. This method runs on your computer and requires Node.js.

Set up the local CLI

Updated

Your next idea starts here

GPT 6 Sol

Create personal portfolio

Build startup site

Launch landing page

Start company blog

Framer UI showing Pages, Layers and Assets panels titles
Framer UI showing Pages, Layers and Assets panels titles