Deframer

Editor · Available

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

Add Deframer to Windsurf and ask Cascade to convert a published Framer site. Windsurf signs in to Deframer with OAuth.

Set up

Connect it.

  1. In Cascade, open MCPs (the hammer icon) and choose View raw config to open mcp_config.json.
  2. Add the server below and save, then refresh the MCP list.
  3. Sign in on deframer.co when Windsurf asks, and choose Allow.
mcp_config.jsonjson
{
  "mcpServers": {
    "deframer": {
      "serverUrl": "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?”
  • Open the file from Windsurf rather than by path: its location has changed between versions.
  • 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