How to Export Non-Auto Layout or Auto Layout Designs From Figma to Elementor Using UiChemy?
Export both Auto Layout and non-Auto Layout Figma designs to Elementor with UiChemy.
With UiChemy, you can export both Auto Layout and non-Auto Layout designs from Figma to Elementor.
For the best results, use Auto Layout, but that doesn't mean you have to build your entire design with Auto Layout from the start. UiChemy's Auto Layout conversion feature lets you turn any regular (non-Auto Layout) design into Auto Layout with a single click, making your Elementor conversion more accurate.
While this feature converts non-Auto Layout designs to Auto Layout, it's still recommended to follow the design guidelines for the best result.
If you'd rather not convert your design to Auto Layout at all, you can export the non-Auto Layout design to Elementor directly instead.
Convert Non-Auto Layout Design to Auto Layout Using UiChemy
In the UiChemy plugin, select your frame and choose Classic Mode → Step by Step Method. After Optimize Multi-Layer Media (Step 2) and Widget Tagging Mode (Step 3), you'll reach Step 4: Optimize Your Design. In the Manage Auto Layout panel, choose Convert to Auto Layout. This duplicates your design and converts it into Auto Layout, without affecting the original.
The conversion result depends on your design's structure and standard grouping.
Use the duplicate design for tagging in the next step.
Non-Auto Layout to Auto Layout conversion is only available for Figma to Elementor conversion.
See First Conversion for the full 8-step walkthrough.
Export Non-Auto Layout Design Directly to Elementor
If you'd rather convert your non-Auto Layout design to Elementor without converting it to Auto Layout, choose It's already in Auto Layout instead at Step 4, and continue through the rest of the wizard as normal.
Whether your design is in Auto Layout or not, it's strongly recommended to lock its media in Step 2 before exporting, for the most accurate conversion.
Once conversion finishes, export the design using Copy to Clipboard or Direct Import.
The plugin automatically recommends an export method based on how you selected the design, you may see Copy to Clipboard, Direct Import, or both.
Once conversion finishes:
- Direct Import, the page is created on your connected site as a draft, open it in Elementor to review.
- Copy to Clipboard, open the page or template in the Elementor editor, then right-click and select Paste from other site, or press Ctrl + V.