What Is Direct Import?
Export your Figma design directly into WordPress with UiChemy's Direct Import feature, manage sites and import settings.
UiChemy lets you export your Figma designs directly into your WordPress site, eliminating the need for manual downloads or uploads. With Direct Import, your selected design is automatically converted and imported into WordPress, ready to use.
What You Get
Whichever import path you choose, New or Existing (Pro), Page or Template, the result is the same: a live, fully editable page or template on your connected WordPress site, ready to open and refine in Elementor, no separate upload step required.
Why Use Direct Import
- No manual file handling, your design goes straight from Figma to your live WordPress site, no downloading a template and re-uploading it yourself.
- Connect once, reuse anytime, set up your Connection Link a single time, then import to that site whenever you're ready without reconnecting.
- Manage multiple sites from one place, add, edit, or delete site connections and pick the right one at import time, useful if you build for several clients or projects.
How to Use Direct Import
You have two options:
For Elementor Templates and Nexter Templates, you also need to select the template type.
While converting, you'll see a "Converting... (N%)" screen with Network and Server status indicators, so you can tell if a stall is your connection or UiChemy's servers.
Direct Import exports the entire design layout at once, but the maximum supported height for a single export is 12,000 pixels. If your design exceeds this, split it into two or more parts before importing.
If you only want to export specific inner sections rather than the full layout, use the Copy to Clipboard option instead, it offers more flexibility for individual parts of your design.
To get accurate output in Direct Import mode and avoid losing frames or colors, maintain this structure in your Figma design: Page Frame → Section Frame → Content.
You only need to connect UiChemy to your WordPress site once, after that, you can click Preview anytime to see a live preview of any Figma design.
Managing Sites
You can add multiple sites to Direct Import, and edit or delete them at any time. Connecting more than one site requires UiChemy Pro.
Import Settings
Configure how you want to import the design to your site. Each selected page gets its own card, configure them one at a time, or set up the first one and click Apply to below Fields (later cards also offer Fill the details from previous fields) to copy those same settings to the rest.
New
Import your design as a new template or page in WordPress.
Existing
Importing into an Existing page or template requires UiChemy Pro. On Free, the Existing option is locked, only New is available.
Replace or update an existing template or page with your design.