> 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 UiChemy AI Website Creator

What AI Website Creator is and the four-phase flow from prompt to export.


**UiChemy AI Website Creator** takes you from a project idea to an export-ready website design in one structured flow. You start with a short prompt or a guided brief. AI Website Creator generates your sitemap and design automatically. You then customize and export to Elementor (Gutenberg coming soon), all from one place. In WordPress, each page lands as an editable Composer in Elementor, never a flat export or a locked image. No separate tools needed.

<Callout kind="info">
AI Website Creator is one of **3 ways** to build WordPress sites with UiChemy. Already have a design? Convert it with the UiChemy Figma plugin in [Figma to WordPress](/introduction/what-is-figma-to-wordpress), or with Claude through [AI to WordPress](/ai-to-wordpress).
</Callout>

## How It Works

AI Website Creator moves through four phases, in order. Each phase feeds the next, but nothing is locked in until you export.

<Steps>
  <Step title="Scope" icon="check-square">
    Start with a one-line prompt, or go step-by-step in the **Scope Editor**. Either way, you end up with a project brief covering goals, brand direction, and references.
  </Step>
  <Step title="Sitemap" icon="map">
    AI Website Creator generates your pages and sections from the scope. Review the structure in the **Sitemap Editor** and add, remove, reorder, or rename anything before design begins.
  </Step>
  <Step title="Design" icon="palette">
    Every page and section renders as a real design in the **Design Editor**. Swap color palettes, font pairs, layout variants, and images, with live preview across desktop, tablet, and mobile.
  </Step>
  <Step title="Export" icon="download">
    Send the finished design to WordPress as **Elementor**. **Gutenberg** is coming soon.
  </Step>
</Steps>

## Use Cases

- **You're starting from a client brief or a prompt, not a Figma design.** If you already have a Figma file, [AI Express Mode](/ai-express-mode/overview/what-is-ai-express-mode) or [Classic Mode](/classic-mode/getting-started/first-conversion) converts it directly instead.
- **You need a sitemap-first flow for agency or client work.** The Scope Editor produces a shareable brief before any design begins, useful for client sign-off ahead of the visual pass.
- **You want to explore multiple design directions.** Swap color palettes, font pairs, and layout variants freely, none of your changes are locked in until you export.

## Next Steps

<Columns cols="2">
  <Card title="Getting Started" href="/ai-website-creator/getting-started/create-your-first-project" icon="rocket">
    Create your first project and write a good brief.
  </Card>
  <Card title="Scope Editor" href="/ai-website-creator/scope-editor/overview" icon="check-square">
    Review and edit your AI-generated project draft.
  </Card>
</Columns>