How AI Express Mode Works (Conversion Workflow)

Once you've installed the Figma plugin and chosen AI Express Mode, here's what happens, step by step.

Step 1: Select Design

Click any frame or page in Figma, it's picked up automatically and shown as a preview, with an X to remove it if you picked the wrong one. It works best on optimized, auto-layout designs (see Design Optimization).

Click Next to continue, or Back to pick a different one. After you click Next, UiChemy checks your frame and reads its structure, you'll see an "Analyzing your design" step with a "Reading frame structure" progress indicator while it works.

Step 2: Connect Site

Choose the WordPress site to publish your page to. This uses the same connection as Live Import.

Pick your site from the Select Site list, each connected site has its own edit and delete icons if you need to update or remove it. Don't see it? Click + Add another site (requires UiChemy Pro, connecting more than one site is a Pro feature). First time here? Set up the connection once in Connect your site.

UiChemy then runs a quick Site Check to confirm your site is ready, verifying that WordPress, UiChemy, Elementor, Nexter Extension, and Nexter Theme are present and active. When everything passes, click Next.

Step 3: Choose Setup

Decide how much of your site this conversion sets up: Full Setup or Page Only.

Full Setup, tagged "Fresh sites" in the plugin, imports this page and sets up your global colors, typography, and the header and footer. Best for a fresh site. To save your header and footer as templates, UiChemy needs somewhere to put them, it looks for Elementor Pro first, then the Nexter theme with its free extension. If you have neither, Full Setup is disabled, since there's nowhere to store those templates, use Page Only instead.

Page Only imports just this page. Your existing colors, header, and footer stay untouched. Choose this when you're adding a page to a site that already has its branding set up.

Step 4: Fix Gaps

Decide whether AI Express reproduces your design exactly, or tidies up small issues as it converts.

• Keep my design exactly, your design is reproduced as you built it, nothing is changed. Choose this when your Figma file is polished and you want a faithful, one-to-one result.
• Clean it up as it converts, AI Express fixes minor issues while converting, such as spacing, contrast, interactive states, and tap targets. Choose this when your design has small inconsistencies you'd like smoothed out.

Either way, the result is fully editable afterward, so you can still adjust anything in the Composer.

Step 5: Add Motion

Add smooth animations that enhance interactions without changing your layout or content. Motion is applied during the conversion. Pick one of three tiers:

• Static, nothing moves. Everything sits still and the page loads fastest.
• Subtle, small, tasteful movement. Sections fade in as you scroll, light and fast.
• Immersive, rich movement. Shifting backgrounds, depth as you scroll, and effects that follow your cursor.

Step 6: Review

Your last check before the page is built. You'll see the frame you're converting plus a summary of your choices, each with an Edit link so you can jump back and change it: Site, Setup (Full or Page Only), Fix gaps (on or off), Motion tier, and Model. Below that, a Direction toggle sets the page's text direction, Left to right by default. A Credits line shows roughly how many Credits this conversion needs and how many you have left.

This is also where the plugin confirms your design is in Auto Layout. When it looks right, click Convert.

By default, UiChemy picks the right conversion model for you, so you don't need to touch this. If you'd like to experiment, you can change the model from this screen, there's no single "best" choice, so try the default first and only switch if you want to compare.

Step 7: Build & Open Your Page

Once you click Convert, UiChemy builds your page. An overall progress percentage tracks the whole process while it works through a few stages:

• Warming up the AI engine, getting ready to process your design.
• Reading your design, parsing your frames, layers, and auto layout.
• Syncing your design tokens, your colors and typography.
• Converting and publishing, mapping your design to widgets and pushing them to your site, section by section. You'll see which section it's on and what's happening, for example uploading the header, then composing each section in turn.

You can Stop at any point.

When it finishes, UiChemy saves your page as a draft on your site. The screen also shows how much time and how many Credits the conversion used. Click Open to review it and publish when you're happy.

What to do next

Click Open to see your page on your site and publish it. Want to change something first? Pick a path below.