FramerToNextJS (FNJ)

npx add-mcp 'https://framertonextjs.com/api/mcp'

One URL. That is the setup.

Paste this into your agent and approve it once. No token to copy, and you choose there whether it may only read, or also change and publish.

https://framertonextjs.com/api/mcp

• Claude Settings → Connectors → Add custom connector, then paste the URL.
• Claude Code claude mcp add --transport http fnj https://framertonextjs.com/api/mcp
• Cursor Settings → MCP → Add server, then paste the URL as an HTTP server.

Watch it work

Connecting an agent and having it change a live site, start to finish. No sound.

Your browser cannot play this video. The written steps above cover the same ground.

What your agent can do

Nineteen tools, the same ones the FNJ editor uses. A read-only connection is never offered the nine that change anything.

• Read the site Before it changes anything, your agent can see what is there.
  • list_sites
    • get_site
    • get_page_text
    • get_page_outline
• Change it Rewrite copy, restyle an element, add a whole section, create a page.
  • edit_text
    • set_style
    • add_section
    • create_page
• Design a site On a Studio site, your agent can read the structure and build it — sections, layout, responsive styles, components.
  • get_site_context
    • get_page_context
    • list_section_templates
    • batch_edit_design
    • audit_design
• Run the CMS Collections and their items, the same ones the editor shows.
  • create_collection
    • list_collections
    • list_items
    • create_item
    • update_item
• Ship it Publish redeploys to your own host. Nothing goes live until you ask.
  • publish

You bring the AI. That is the whole model.

• Your agent, your subscription — MCP runs no model on FNJ's side, so it never charges you for AI.
• Included with FNJ Lifetime. There is no MCP tier to upgrade to.
• Approve once. Revoke whenever, from the AI & MCP page.
• Read-only or read-and-write — you decide at the moment you connect.

Questions

What is MCP?

The Model Context Protocol — an open standard that lets an AI agent use an outside tool. FNJ is an MCP server, so any agent that speaks it can work on your converted site directly instead of you copying things back and forth.

Does FNJ charge me for the AI?

No. Your agent does the thinking on the subscription you already pay for — Claude, Cursor, whatever you use — and MCP never runs a model on FNJ's side. That is why MCP is included with FNJ Lifetime and with every AI builder plan.

What can it actually change?

Text, styles, whole new sections, new pages, and CMS collections and items. Publishing redeploys to your own host. It works on the site you already converted; nothing about your Framer project is touched.

Can I stop it changing things?

Yes. When you connect, you choose whether the agent gets read-only access or read and write. A read-only connection is never offered the tools that could change anything, so it cannot use them by mistake.

How do I connect it?

Paste one URL into your agent and approve it once in FNJ. There is no token to copy. Approving is what creates the connection, and you can revoke it at any time from the AI & MCP page.

Convert a site, then point your agent at it. Connect an agent.