Sprites MCP · Framer MCP server · Codex

Framer MCP for Codex: setup in two minutes

Add https://mcp.sprites.ai/mcp as a custom MCP connector in Codex, sign in to Sprites, and Codex can read your Framer account and propose changes to it. Setup takes about two minutes and needs no API key. Posts Sprites writes wait for your approval; a single field edit you ask for directly applies when you ask.

MCP server URLhttps://mcp.sprites.ai/mcp

5 steps · about 2 minutes

CodexSprites connected

Write a post on Framer vs Webflow for startups and add it to our blog.

Spriteswrite_seo_blog_postrunning
SpritesFramerNeeds your approval
LLumen Studio /blog/framer-vs-webflow-for-startups

Framer vs Webflow for startups: what you give up with each

Where Framer is faster to ship, where Webflow’s CMS holds up better, and the migration cost nobody mentions until month six.

Draft · waiting on your approvalReview

Add Sprites to Codex

Available on Anywhere Codex CLI runs — a ChatGPT plan that includes Codex, or an API key. You need a Sprites account with Framer already connected — the connector acts on that connection, so Codex never handles a Framer credential.

  1. Add the server

    One command writes the entry into ~/.codex/config.toml for you.

    Terminal
    codex mcp add sprites --url https://mcp.sprites.ai/mcp
  2. Or write the config by hand

    The same entry in ~/.codex/config.toml, or in .codex/config.toml inside a trusted project when you want the connector scoped to one repo.

    ~/.codex/config.toml
    [mcp_servers.sprites]
    url = "https://mcp.sprites.ai/mcp"
    auth = "oauth"
  3. Sign in

    Codex opens a browser for the Sprites consent screen and stores the token locally. Sprites supports dynamic client registration and client ID metadata documents, so there is nothing to pre-register.

    Terminal
    codex mcp login sprites
  4. Approve changes by name

    Codex renders results as text, so a pending change comes back written out rather than as a card you can click. Nothing is applied until you approve it, and the approval waits for you in Sprites — open it there and the same run continues.

    Pending change
    ChangeDaily budget $40 → $65Gategate_7f2c…

Run the first prompt

Ask Codex this. It routes to a Sprites door, which reads your Framer account and answers — no account to name, no confirmation to give first.

  • With Sprites, write a post on "framer vs webflow for startups" and add it to our Framer blog.
  • Ask Sprites which of our Framer blog posts lost position in the last 28 days and why.
  • Use Sprites to rewrite the SEO title and description on our three weakest case studies.
  • Have Sprites list our Framer CMS collections and tell me which one the changelog lives in.
  • With Sprites, plan four posts for next month from the queries we nearly rank for.

Run `codex mcp list` and confirm sprites shows as connected.

Running Framer from Codex

The jobs people hand over first, start to finish: what you type, what Sprites does with it, and what comes back to approve.

  1. The monthly content plan

    You, in CodexWith Sprites, plan four Framer blog posts for next month and write the first.

    Sprites does
    Reads Search Console for queries you nearly rank for, checks keyword data, and picks four gaps your existing posts do not cover.
    You get back
    The plan in the thread and the first post as a draft; approve it and it goes into your blog collection.
  2. Refresh a slipping post

    You, in CodexAsk Sprites why our "framer templates" post dropped and fix it.

    Sprites does
    Compares its queries and position over the last two periods, reads what now outranks it, and rewrites the body and SEO fields.
    You get back
    The rewrite with its reasons, as a draft; approve it and it replaces the same CMS item, same slug and links.
  3. Clean up default SEO titles

    You, in CodexUse Sprites to find CMS items still using default SEO titles and write proper ones.

    Sprites does
    Lists the items in each collection and checks their SEO fields against the page content and the queries they get.
    You get back
    The items and proposed titles in the thread; tell Sprites which to apply.

What Codex can do with Framer

The same doors, whichever client you are in. Marketing work that belongs in a commit: Codex can read the landing page it is about to ship and brief Sprites on the campaign pointing at it, in one session.

The post lands in your CMS, not in the chat

A new item in the collection you name — blog, changelog, case studies — with the title, slug, body and SEO fields filled in, instead of text you paste into Framer by hand.

Framer has no MCP server; this is one

Framer’s own route is a connection for coding agents in a terminal. Sprites is a remote MCP server, so the same work runs from Claude, ChatGPT or any other client with one URL.

SEO fields written with the post

Title, meta description and slug produced alongside the body, from the keyword the post targets, rather than left at Framer’s defaults.

Existing items rewritten, not recreated

Point it at a CMS item that is slipping and it updates that item’s fields in place, so the slug and its links survive the refresh.

Search Console in the same conversation

Queries you rank 8–20 for, posts that lost position, and the refresh that would win them back — asked and answered without switching tools.

New posts wait for your approval

Every post or refresh Sprites writes stays a draft until you approve it, in the side panel or in the chat. Only then is it written into your Framer CMS.

How approvals work here

Codex renders tool results as text, so a Framer change comes back written out rather than as a card. The approval waits for you in Sprites — open it there and the same run continues. Posts Sprites writes wait for your approval; a single field edit you ask for directly applies when you ask.

What it reads

  • Your Framer CMS collections and the items in them
  • Each item’s fields, slug and draft state
  • Your site’s published URLs
  • Search Console queries, impressions, clicks and position, and keyword data for what you target

What it can change

  • New CMS items in the collection you name, with title, slug, body and SEO fields
  • Updates to the fields of an existing CMS item
  • Posts and refreshes Sprites wrote, only after you approve them
  • Single field edits you ask for directly, such as one meta description, applied when you ask
  • Not your layouts, components or site settings, and not the publish of your site

When it does not work in Codex

Three things go wrong in this client specifically, and each has a one-line fix.

Codex says the tool is not found.

The config was edited while a session was open. Restart Codex — it reads config.toml at startup.

Login loops without ever completing.

The OAuth callback defaults to http://127.0.0.1/callback. If something else on the machine holds that port, set mcp_oauth_callback_url in config.toml and log in again.

Codex says a change was applied and nothing happened in the account.

It was proposed, not applied — that is the design. The approval is waiting in Sprites; open it there and the run continues from where it stopped.

And on the Framer side

Sprites says Framer is not connected.

The connection runs through the MCP plugin, which only works while it is open in the Framer desktop app. Open the project, open the plugin, then ask again. If the connection URL changed, paste the new one into the Framer integration in Sprites.

The collection I named cannot be found.

Sprites matches collections by name. Ask it to list your Framer collections and use the exact name it returns, or name the collection in the same words it has in the Framer CMS.

The post was written but is not in Framer.

It is still a draft. Approve it in the side panel, or tell your agent to approve it, and Sprites writes it into the collection.

Framer and Codex: questions

Which URL do I paste into Codex?

https://mcp.sprites.ai/mcp. There is one endpoint and every client uses it — every OAuth grant is bound to exactly that address, so a variant of it will not be honoured.

Can Codex change my Framer account without asking?

Codex renders tool results as text, so a Framer change comes back written out rather than as a card. The approval waits for you in Sprites — open it there and the same run continues. Posts Sprites writes wait for your approval; a single field edit you ask for directly applies when you ask.

Do I need a Framer API key or developer token?

No. Framer is connected once inside Sprites through Framer (connected through the MCP plugin from the Framer Marketplace), and the connector acts on that connection. Codex never sees a credential for it.

Why Codex for Framer specifically?

Marketing work that belongs in a commit: Codex can read the landing page it is about to ship and brief Sprites on the campaign pointing at it, in one session.

Is there an official Framer MCP server?

No. Framer’s own position is that it “doesn’t require a separate MCP server”: it offers an External Agent connection instead, set up with npx @framer/agent, which lets coding agents such as Claude Code, Codex, Cursor, Gemini CLI and Windsurf work on your canvas and CMS. The “MCP” plugin in the Framer Marketplace is made by a third party and says it is not official.

How does Sprites connect to Framer?

Through the MCP plugin from the Framer Marketplace: open it in the Framer desktop app, copy the connection URL it shows, and paste it into the Framer integration in Sprites. Framer has to stay open while Sprites works. Your agent then reaches Framer through the single Sprites URL, alongside every other channel.

Keep going

The same Codex connector reaches every other channel — nothing else to add.

All Framer guides

Framer, from Codex

Paste one URL, sign in once, and the next Framer question you ask Codex gets answered from the live account.