> For the complete documentation index, see [llms.txt](https://docs.uichemy.com/llms.txt).
> Use it to discover all available pages before exploring further.

# Framer to WordPress

Bring a Framer build into WordPress with UiChemy, using Claude to make the connection.


Framer generates a site or page outside WordPress and doesn't speak MCP itself, so UiChemy can't connect to it directly. Instead, you build in Framer, export the code, then bring it into WordPress through one of the four supported MCP clients, Claude Desktop, Cursor, Codex, or Antigravity.

<Callout kind="warning">
You can't connect UiChemy to Framer directly, Framer doesn't have its own MCP. Use one of the steps below instead: build in Framer, export the code, then hand it to Claude (or another supported MCP client) to bring into WordPress.
</Callout>

### Why It Matters

A Framer site looks finished, then you try to make it a real website. Framer hands you a polished design, but a WordPress site is something else, a domain you own, blocks you can edit, a CMS that grows. Left as-is, that gap shows up three ways:

- **You build it twice.** Getting a Framer design into WordPress usually means rebuilding it section by section, by hand.
- **It stays static.** It's frozen at whatever placeholder content you designed with, no blog posts, no products, no CMS data flowing in.
- **It isn't yours.** A Framer project isn't a WordPress website, no domain of your own, no CMS, no plugins, no SEO layer.

UiChemy closes that gap in one push: it rebuilds the same design as native WordPress blocks, on your domain, in the builder you already use.

### How It Works

**The steps.** Converting a Framer build to WordPress takes five steps, unlike the direct MCP clients, this route goes through Claude with your exported Framer code attached as a file.

<Steps>
  <Step title="Build your site in Framer" icon="pen-tool" title-type="h3">
    Work however you already do in Framer. Prompt the agent or design it by hand, then export the code with the Framer to Code plugin.
  </Step>
  <Step title="Install the UiChemy plugin" icon="download" title-type="h3">
    Add it to your WordPress site and paste the Connection Link once. Free to start.
  </Step>
  <Step title="Connect the UiChemy MCP" icon="plug" title-type="h3">
    Add the UiChemy MCP to Claude once, or any WordPress MCP you already run (Novamira, WPVibe, Elementor Angie). It remembers the connection for every conversion after that. See [Claude Desktop](/ai-to-wordpress/claude-desktop) for the config and save path.
  </Step>
  <Step title="Convert to WordPress" icon="repeat" title-type="h3">
    Attach the Framer export and ask Claude to convert it to WordPress. Every page lands native and fully editable.

    <Callout kind="tip">
    **Example prompt:** "Take the attached Framer export. Connect to my WordPress over the UiChemy MCP and, using UiChemy Composer, move the whole site in: recreate every page section by section; put the header, footer and any blog/archive/single templates into the Theme Builder; keep colors, typography and spacing as global styles; import native and editable in Elementor (or Gutenberg). When done, list the pages you created."
    </Callout>
  </Step>
  <Step title="Edit in UiChemy Composer" icon="pencil" title-type="h3">
    Restyle, rewrite and rearrange any section visually or by prompt. No code needed.
  </Step>
</Steps>

<Callout kind="info">
See the full walkthrough with more detail: [Framer to WordPress](https://uichemy.com/ai-to-wordpress/framer-to-wordpress/). Scroll down to the **How to convert a Framer site to WordPress in five steps** section to see this same walkthrough.
</Callout>

### Benefits

- **Simplest, safest flow.** One plugin, one connection, then prompt it to publish, fewer moving parts than a copy-paste stack of exported code, a code plugin, and patch-it-by-hand fixes.
- **Lightweight output.** Clean, semantic HTML with none of the wrapper-heavy bloat typical page builders add, pages stay fast.
- **Your choice of builder.** Publish into Elementor or Gutenberg today, with Bricks coming soon, your build lands as native, editable elements in whichever you already use.

### What You Get

Once your Framer build lands in WordPress through UiChemy, you unlock the rest of the platform, not just a page:

- **Client-editable, role-controlled.** Hand off to clients and teammates, they edit visually with a full role manager, no code required. See [Role Manager Overview](/uichemy-plugin/role-manager/overview).
- **Dynamic content and loops.** Bind live data and repeat layouts, post grids, product listings, anything data-driven, instead of static placeholder text.
- **ACF and custom fields.** Structured content with Advanced Custom Fields, ready to wire into any template.
- **Theme Builder.** Design headers, footers, archives, and single templates that apply site-wide. See [Theme Builder Overview](/uichemy-plugin/theme-builder/overview).
- **Forms and SEO.** Native forms plus RankMath or Yoast, with schema, meta tags, and XML sitemaps built in.
- **White-label and long-term CMS.** Rebrand the editor and grow on a real CMS for years, instead of staying frozen at launch.

### Capabilities

UiChemy Composer exposes 100+ actions Claude can call over MCP, spanning convert and capture, pages and sections, editing and inspection, the design system, and media and setup. See [MCP Tools Reference](/uichemy-composer/uichemy-widget/mcp-tools-reference) for the full list.

### Frequently Asked Questions

<ExpandableGroup>
  <Expandable title="What does 'Framer to WordPress' mean?" default-open="false">
    It means taking a site you built in Framer and publishing it as a real, editable WordPress site with UiChemy, instead of leaving it as a Framer-hosted project.
  </Expandable>

  <Expandable title="Can Framer build a whole WordPress site, not just one page?" default-open="false">
    Yes. Build as many pages as you need in Framer, export the code, then have Claude push them all to WordPress with UiChemy, each one arrives as an editable page.
  </Expandable>

  <Expandable title="Do I need to know how to code?" default-open="false">
    No. Your pages arrive as native, editable WordPress content you change visually. You can drop in your own HTML, CSS, or JS if you want, but it's never required.
  </Expandable>

  <Expandable title="Is the output editable, or a frozen clone?" default-open="false">
    Fully editable. Every section comes in as real WordPress elements you can drag, restyle, and rewrite, never a flat image or a locked export.
  </Expandable>

  <Expandable title="Does it work with Elementor, Gutenberg, and Bricks?" default-open="false">
    Elementor and Gutenberg, yes, your Framer build lands as native, editable elements in whichever you choose. Bricks is coming soon.
  </Expandable>

  <Expandable title="Will the site be fast and lightweight?" default-open="false">
    Yes. UiChemy outputs clean, HTML-based markup with few plugins, so pages stay lightweight and load fast.
  </Expandable>

  <Expandable title="Is it good for SEO?" default-open="false">
    Yes. On WordPress you get RankMath or Yoast, schema, meta tags, XML sitemaps, and clean permalinks, the SEO layer Google and AI answer engines read.
  </Expandable>

  <Expandable title="Can my client edit it?" default-open="false">
    Yes. Clients and teammates edit visually in WordPress, with a role manager to control who can change what.
  </Expandable>
</ExpandableGroup>

<Callout kind="tip">
Connected but the tool won't respond, or "Could not connect"? See [Connect an MCP Client](/ai-to-wordpress/connect-mcp-client#if-it-doesnt-work) for the fix.
</Callout>

### Related

<Columns cols={2}>
  <Card title="Claude Desktop" href="/ai-to-wordpress/claude-desktop">
    The MCP client that actually makes this connection.
  </Card>
  <Card title="Set Up AI to WordPress" href="/ai-to-wordpress/set-up">
    The full click-by-click setup, generating your connection and picking a tool.
  </Card>
</Columns>