Get started with the Framer MCP: Connect Codex, Claude Code, Cursor & more to Framer

Framer
8,296 views •

Learn how to get started with Framer MCP and connect Framer to Codex, Claude Code, Cursor and other AI tools. In this tutorial we install the official Framer plugin in Codex, authorize your Framer account, connect a chat to your project, and then build and update your site from your own AI tools. Using another client? Add the Framer MCP server by hand from https://www.framer.com/mcp. 00:00 Introduction 00:29 Setting up the Framer MCP 01:31 Connecting to a project 02:22 The possibilities 03:28 Wrap up Sign up: https://framer.link/yt Follow: https://framer.link/yt-x Learn: https://framer.link/yt-academy

Keyboard shortcuts

On. Switch them off if they collide with your assistive tools; ? still opens this sheet.

Go to

Press g then the letter.

  • gh Latest
  • gs Sources
  • gm Media
  • gv Videos
  • gp Podcasts
  • gc Calendar
  • gd Decoder
  • gz Dataviz
  • ga Datasets
  • gb Blog
  • gk Markets
  • gj Careers
  • gn Prompt Notebook

On this page

  • / Focus search, where there is one
  • t Back to top
  • ? This list
  • Esc Close