Step 1: Select Design
Pick the Figma frame or page you want to convert with AI Express Mode.
Step 1 of the conversion. With AI Express Mode chosen, pick the design you want to convert.
What to do
Pick the frame or page you want to convert in Figma, it's picked up automatically and shown as a preview. Picked the wrong one? Click the X on the preview to remove it and select a different one. Click Next to continue, or Back to return to the mode-selection screen. It works best on optimized, auto-layout designs (see Design Optimization).
Screenshot: Step 1 "Select page or frame", showing the picked frame as a preview with an X to remove it, and the Back and Next buttons.
Analyzing your design
After you click Next, UiChemy checks your frame and reads its structure. You'll see an "Analyzing your design" step, showing the frame's page name (e.g. "Home Page") with a "Checking layers" progress indicator while it works.
Screenshot: the "Analyzing your design" screen showing the page name and the "Checking layers" progress indicator.
If it doesn't work
- Select the main (top-level) frame, not an inner layout or nested element.
- If the check flags it, put your design in Auto Layout first. See Design Optimization.