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.
Direction, gaps, padding, alignment, and wrapping translate straight into Elementor container settings.
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.
CTA detection by name and shape, with colors, radius, padding, links, borders, and drop shadows carried over.
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.