Deframer

Assistant · Available

Deframer in Claude. Framer to code, in a few words.

Connect Deframer to Claude and convert a published Framer site from a chat. Claude checks the site, converts it to the framework you pick and follows it until it's ready; you preview and download the project on deframer.co.

Set up

Connect it.

  1. Open the Deframer connector in Claude's directory and choose Connect. Or add it yourself: in Claude, open Customize → Connectors, choose Add custom connector, name it Deframer and enter https://deframer.co/mcp.
  2. Claude opens deframer.co. Sign in (or create a free account) and choose Allow.
  3. In a chat, ask Claude to convert your site. The first time it uses a Deframer tool, Claude asks you to allow it: choose Allow once or Always allow.

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?”
  • On a Team or Enterprise plan, an owner may need to allow the connector for the organisation first.
  • The same connection works in Claude Desktop and the Claude mobile apps once it's added on claude.ai.
  • 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.

All docs