Deframer

Editor · Available

Deframer in VS Code (GitHub Copilot). Framer to code, in a few words.

Add Deframer to VS Code and use it from GitHub Copilot's agent mode. VS Code signs in to Deframer with OAuth the first time it connects.

Set up

Connect it.

  1. Run MCP: Add Server… from the Command Palette and choose HTTP, or create .vscode/mcp.json with the server below.
  2. Choose Start above the server. VS Code opens deframer.co: sign in and choose Allow.
  3. Open Copilot Chat in Agent mode, check that Deframer's tools are on, and ask it to convert your site.
.vscode/mcp.jsonjson
{
  "servers": {
    "deframer": {
      "type": "http",
      "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?”
  • The key is servers, not mcpServers, and "type": "http" is required.
  • 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