Figmentor converts your Figma frames into importable Elementor templates. Layout, typography, colors, buttons, and images scaffolded automatically — you polish the last 20% in the editor instead of rebuilding from a screenshot.
Drop in any figma.com/design/… link with a personal access token (read-only is enough). Your design goes straight from Figma's API to your browser — it's never uploaded to us.
Choose the frames you want — each becomes one Elementor template. Pick flexbox Containers (Elementor 3.6+) or classic Sections/Columns for legacy sites, boxed or full width.
Upload the .json under Templates → Saved Templates. Elementor sideloads all images into your Media Library automatically. A design-tokens.css ships with every export.
Every conversion comes with a node-by-node report, so you always know exactly what mapped where — and what needs a manual pass.
Auto-layout maps to flexbox with real column widths, gaps, padding, and hero heights — and free-positioned designs get their spacing reconstructed from the geometry.
Font family, size, weight, line height, letter spacing, transforms, and decoration — headings vs. body text picked by size threshold you control.
Image fills become Image widgets; full-bleed hero images and container fills become proper background images, not floating rectangles.
Icons, logos, and boolean shapes are rendered to crisp @2x bitmaps and placed as Image widgets instead of being silently dropped.
Rows stack into columns on phones, column widths collapse to full, and oversized headings scale down — before you touch a breakpoint.
Every color and font in the design is extracted into a ranked palette and a ready-to-use CSS custom-properties file for Global Colors/Fonts.
| In Figma | In Elementor | |
|---|---|---|
| Auto-layout frame | → | Container (flex direction, gap, padding, align) |
| Free-position frame | → | Container, children sorted into reading order |
| Text ≥ threshold | → | Heading (h1–h4 by size) |
| Text below threshold | → | Text Editor |
| Image fill / full-bleed photo | → | Image widget / container background |
| Vector, icon, boolean shape | → | Image widget (@2x render) |
| Button-named or button-shaped node | → | Button (color, radius, link, shadow) |
| Solid, gradient fills · strokes · shadows | → | Backgrounds · borders · box shadows |
One unlock buys one Figma file — every frame in it, converted and re-converted as many times as you like, forever. Iterate on the design and re-export without paying again.
Load your Figma file, see the full conversion report, then unlock the download.