Paste and Import Code
Bring HTML and CSS from an AI tool, a template library, or a Figma export into UiChemy Composer's code editor.
You don't have to write every Composer section from scratch. The Code tab accepts HTML and CSS from outside sources too, paste it in and it renders right away.
The Two-Tab Structure
Pasting into the CSS and JS tabs needs UiChemy Pro. On Free you can paste the HTML, and code that is already in a widget, for example from an imported design, keeps rendering. See Free vs Pro.
Paste HTML into the HTML tab and CSS into the CSS tab separately. Don't paste a full page wrapper with <html> and <head> tags, just the section's markup. <script> tags can go at the bottom of the HTML tab; CSS must go in the CSS tab, not inside an HTML <style> block.
Three Common Sources
For a full design straight from Figma, use AI Express Mode or Classic Mode instead, they convert automatically. Paste and Import is for bringing in a smaller HTML/CSS snippet you already have.
Content Becomes Editable Automatically
Once pasted, text nodes and images are picked up automatically as content fields, the same extraction that runs on any HTML in the Code tab, however it got there. If an element isn't showing up as a field, see Content Fields for what the extractor does and doesn't recognize.
Limitations
- No direct
<script src="...">for external libraries, load them through the Assets panel instead. - Paste section markup only, a full page with
<html>and<head>tags won't render correctly.