Explore Framer MCP and Claude Code for Creative DesignExplore Framer MCP and Claude Code for Creative Design
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Just started playing around with @Framer MCP. Claude Code will be my design/development partner. I'm going to use it to point out my mistakes. Let's see how this goes.
Post image
Khunsa's avatar
Best of luck
Ciro's avatar
Cool! 🔥 All the best, Lauri! 😊
M.'s avatar
Haha thats cool🙌
Emon's avatar
Can I use it on Codex? I tried couple of time but it's not connecting.
Lauri's avatar
I haven't used Codex but if it has MCP capabilities this should work. You need to have this plugin open in the Framer project you want to use the MCP 👇 https://www.framer.com/marketplace/plugins/mcp/

framer.com

MCP: Plugin by Tommy D. Rossi — Framer Marketplace

Bridge your Framer designs with AI assistants like Claude and Cursor. Edit text, update styles, create components, and export React code, all through natural language commands. One connection works across all your projects.

Juan's avatar
This is super interesting. Would you be open to sharing your setup and workflow?
I’d love to learn how you’re using Framer MCP with Claude Code, i did not know that exist an MCP for framer 😂
Lauri's avatar
I just recently heard about it too! Setup: 1. Open this plugin: Framer MCP 2. Copy the code URL from the plugin (screenshot) 3. Run "claude mcp add "framer-mcp" <your-mcp-url>" in your terminal 4. Start Claude Code with "claude" 6. Start asking questions AND keep the plugin...
Post image
Adonis's avatar
awesome!
Happiness's avatar
Woow, you're indeed doing well on this
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started