> 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 a Composer?

Every AI Express Mode conversion lands as a native, editable Composer you can keep refining.


AI Express Mode doesn't just import your design as a flat image, it reads your Figma layers and rebuilds them natively in your builder. That's why, after a conversion, this is what you edit: every section lands as a native, editable **Composer**, never a flat export or a locked image. (On Gutenberg it's a UiChemy Block, on Bricks a UiChemy Element.)

You can keep editing it three ways, all in one place.

<Callout kind="info">
Screenshot: a converted section open in the Composer, showing the Editor, Code, and AI Chat tabs.
</Callout>

### Which tab should I use?

- **[Editor tab](/uichemy-composer/uichemy-widget/editor-tab)**, change things visually, no code. Move, add, or restyle elements.
- **[Code tab](/uichemy-composer/uichemy-widget/code-tab)**, work directly in HTML, CSS, and JS, or paste in code you already have.
- **[AI Chat tab](/uichemy-composer/uichemy-widget/ai-chat-tab)** *(Pro)*, just describe the change in plain language and let AI apply it.

Whichever you use, the result stays native and fully editable, so you can move between tabs freely.

### Use Cases

- **Reviewing and refining a fresh conversion.** After AI Express Mode or Classic Mode lands your design, this is where you polish it further.
- **Handing a page to a content editor.** They work in the Editor tab's editable fields without ever touching code.
- **A developer extending a conversion.** Drop into the Code tab to add structure, interactions, or dynamic data beyond what came out of the conversion.

### Limitations

- The **AI Chat tab** requires **UiChemy Pro**. See [Free vs Pro](/uichemy-composer/getting-started/free-vs-pro).
- A Composer exists once something's been converted or built into it, it's not a blank general-purpose page builder for starting from nothing.

### Next

<Columns cols={2}>
  <Card title="Editor Tab" href="/uichemy-composer/uichemy-widget/editor-tab">
    Change things visually, no code, move, add, or restyle elements.
  </Card>
  <Card title="Code Tab" href="/uichemy-composer/uichemy-widget/code-tab">
    Work directly in HTML, CSS, and JS, or paste in code you already have.
  </Card>
  <Card title="AI Chat Tab" href="/uichemy-composer/uichemy-widget/ai-chat-tab">
    Describe the change in plain language and let AI apply it.
  </Card>
</Columns>