Editor · Available
Deframer in Cursor. Framer to code, in a few words.
Add Deframer to Cursor and ask its agent to convert a published Framer site. Cursor signs in to Deframer with OAuth; no key goes into the config.
Set up
Connect it.
- Open Cursor Settings → MCP and choose Add new MCP server, or edit
~/.cursor/mcp.json(all projects) or.cursor/mcp.json(one project). - Add the server below and save.
- Cursor shows Deframer as needing sign-in: choose Connect (or Login), sign in on deframer.co and choose Allow.
- In the agent chat, ask it to convert your site.
{
"mcpServers": {
"deframer": {
"url": "https://deframer.co/mcp"
}
}
}
Try it
Ask for it. It does the rest.
- “Which Deframer account am I connected with?”
- “Is https://my-site.framer.website ready to convert?”
- “Convert it to Next.js with the images on Framer's CDN”
- “How is my conversion going?”
- If the sign-in window doesn't open, toggle the server off and on in Cursor's MCP settings.
- Converting is free. Unlocking and downloading happen on deframer.co: no app can spend your credits. Revoke the connection any time in Dashboard → Connected apps.
- What each tool does, and how sign-in works: the MCP server reference.
Elsewhere
Also works in.
- AssistantClaudeThe Deframer connector for Claude on the web, desktop and mobile.
- Coding agentClaude CodeThe Deframer plugin: convert from your terminal and unzip the project into your repository.
- AssistantChatGPTThe Deframer plugin for ChatGPT, in review.
- EditorVS Code (GitHub Copilot)Use Deframer from Copilot's agent mode in Visual Studio Code.
- EditorWindsurfAdd Deframer to Windsurf's Cascade as a remote MCP server.
- Coding agentCodexAdd Deframer to OpenAI's Codex CLI with one command.
- Coding agentGemini CLIAdd Deframer to Google's Gemini CLI.