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

# What Is AI Express Mode?

AI Express Mode converts your Figma design into a finished, editable WordPress page, and does the finishing work for you.


The output is a native, editable Composer, not a locked screenshot, so if you already know Figma and want your design live without hand-building every section, this is for you. Not sure if it's the right fit? See [Which Should I Use: AI Express Mode or Classic Mode?](/introduction/ai-express-vs-classic-mode).

### The Problem It Solves

A finished design still isn't a finished page. Getting your Figma layout into WordPress is the easy part: it lands as a **starting point**, not a finished page. The styling, hover, motion, responsive states, and global styles are still left to build by hand, section by section. That last stretch is where **the hours disappear**.

AI Express Mode finishes the conversion, not just the import. It reads your Figma layers like a browser and builds them natively into your builder, with the manual work already done:

- **Motion, hover, and mouse-interactive effects** applied at conversion, at the level you choose.
- **Responsive layout** built in, using the same per-breakpoint controls your builder already gives you.
- **Colors and typography** synced into your builder's globals as reusable classes.
- **Header and footer** handled during the conversion.

<Callout kind="tip">
**Example:** Say you've finished a homepage design in Figma. Normally, getting it into WordPress means manually rebuilding every section in Elementor, spacing, colors, hover effects, responsive behavior, the header and footer, one piece at a time. With AI Express Mode, you select the Figma frame and run the conversion, styling, motion, and responsive layout already applied, so there's no manual rebuilding step. The result is a fully editable draft page, ready to fine-tune instead of build from scratch.
</Callout>

**Benefits:**

- Faster turnaround
- No manual rebuilding
- Consistent global styles
- Real editable output, not a flat image or locked export

### What You Get

Every section lands as a native, editable [Composer](/uichemy-composer/uichemy-widget/what-is-a-uichemy-widget), never a flat export or a locked image. Conversion is the start, not the finish line: you can refine anything by hand in the Editor, or just describe the change to [AI Chat](/uichemy-composer/uichemy-widget/ai-chat-tab), which can even build sections that were never in your Figma file.

### Two Ways to Run It

1. **From the Figma plugin (recommended).** Run the conversion inside the UiChemy Figma plugin using your Credits. This is the simplest path and needs no extra setup.
2. **From your own AI tools.** Already using tools like Claude, Cursor, Codex, or Antigravity? Connect [UiChemy MCP](/ai-to-wordpress/set-up) and run the same conversion from where you already work.

### Good to Know Before You Start

<Callout kind="tip">
AI Express Mode works best on optimized, auto-layout designs. If your file isn't ready, the plugin will ask you to fix it first. See [Design Optimization](/design-optimization/auto-layout/convert-your-design).
</Callout>

- Because it reads and rebuilds your design, results are close, though not always perfect on complex layouts. That's why everything stays fully editable.
- You do **not** need Elementor Pro to run the conversion.
- Credit cost scales with page complexity and motion level.
- Full Setup can overwrite existing site styling, review before running it on a live site.
- Some features require specific plugin versions to be active.
- Very large or multi-frame files may need extra fine-tuning after conversion.

### Which Builders Does AI Express Mode Support?

Currently, AI Express Mode converts to Elementor, and every section lands as a native, editable [Composer](/uichemy-composer/uichemy-widget/what-is-a-uichemy-widget). Gutenberg and Bricks are coming soon, with the same idea carried over, one editable unit per builder:

| Builder | Output | Status |
|---|---|---|
| Elementor | Composer | Live |
| Gutenberg | UiChemy Block | Coming soon |
| Bricks | UiChemy Element | Coming soon |

Until Gutenberg and Bricks arrive, you can still convert to them using [Classic Mode](/classic-mode/overview).

### Frequently Asked Questions

<ExpandableGroup>
  <Expandable title="Will AI Express Mode overwrite my existing site?" default-open="false">
    Only if you choose **Full Setup**, which replaces your global colors, typography, header, and footer. **Page Only** imports just the page and leaves your existing site untouched.
  </Expandable>

  <Expandable title="Do I need Elementor Pro?" default-open="false">
    Not to run a conversion. Elementor Pro (or the Nexter theme with its free extension) is only needed to save your header and footer as templates in a Full Setup.
  </Expandable>

  <Expandable title="Can I use AI Express Mode with Gutenberg or Bricks?" default-open="false">
    Not yet. AI Express Mode converts to Elementor today, with Gutenberg and Bricks coming soon. Use [Classic Mode](/classic-mode/overview) for those builders in the meantime.
  </Expandable>
</ExpandableGroup>

### Next Steps

<Columns cols={2}>
  <Card title="AI Express Mode vs Classic Mode" href="/introduction/ai-express-vs-classic-mode">
    Decide which mode fits your project before you start.
  </Card>
  <Card title="Install the Figma plugin" href="/introduction/install-figma-plugin">
    Get the UiChemy plugin set up in Figma.
  </Card>
</Columns>