How to Edit a UiChemy Composer: Editor, Code, and AI Chat
Every AI Express Mode conversion lands as an editable UiChemy Composer. Here's how to keep refining it with the Editor, Code, and AI Chat tabs.
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. Bricks is coming soon.)
You can keep editing it three ways, all in one place.
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.
- 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 content 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.
- 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
Was this page helpful?