Deframer

Coding agent · Available

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

The Deframer plugin for Claude Code adds the Deframer connector, a skill that knows the whole flow, and two commands. Convert a Framer site without leaving the terminal, then bring the project into your repository.

Set up

Connect it.

  1. Add the plugin: /plugin marketplace add Designify101/deframer-claude-plugin, then /plugin install deframer@deframer.
  2. Sign in: run /mcp, choose deframer, then Authenticate. Your browser opens deframer.co; sign in and choose Allow.
  3. Ask Claude to convert your site, or run /deframer:convert <site-url> [framework] [cdn|project].
  4. After you download the project on deframer.co, /deframer:download unzips it into a new folder in your repository.
Or add only the server, without the pluginsh
claude mcp add --transport http deframer https://deframer.co/mcp

Try it

Ask for it. It does the rest.

  • “Convert https://my-site.framer.website to Astro and put the images in the project”
  • “How is my conversion going?”
  • The plugin's source is public: github.com/Designify101/deframer-claude-plugin.
  • It runs no scripts and stores no tokens: Claude Code keeps the sign-in, and the plugin only adds the server, the skill and the commands.
  • 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