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

Framer
16,341 views •

Build in Framer directly from your favorite external AI tools and do things like Pull data to design with directly from APIs, or use your own custom skills to design or audit your sites. Use your own powerful workflows built around tools like Claude Code, Codex in ChatGPT, Cursor and other LLMs. Bring the habits, skills, and setups that already work well for you. Models are evolving incredibly fast. New capabilities are showing up almost every day. And with External Agents, you can tap into those advances as they happen. So whether you want the native Framer experience, or you want to connect the tools already at the center of your workflow, Framer is ready for both. 00:00 Intro 00:20 Connecting your own tools to Framer 01:30 Connecting Claude Code via the CLI 02:00 Prompting the agent to build the CMS 02:40 Reviewing the new branch and collections 03:20 Checking the populated canvas 04:00 Merging a branch 04:20 Running a batch of audits 05:00 Syncing content to Notion 05:30 Building a tweet ticker with Xquik 06:20 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