BasicsWhat is a Composer

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.

Screenshot: a converted section open in the Composer, showing the Editor, Code, and Chat AI tabs.

Which tab should I use?

  • Editor tab, change things visually, no code. Move, add, or restyle elements.
  • Code tab, work directly in HTML, CSS, and JS, or paste in code you already have.
  • Chat AI 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 slots 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 Chat AI tab requires UiChemy Pro. See 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