✦ New Now with 50+ Elementor widgets

Turn Figma Designs
into Elementor Pages

Stop rebuilding layouts manually. Flement converts your Figma frames into fully-structured Elementor JSON — ready to import into WordPress in seconds.

Install Free on Figma → See How It Works
Free plan includes 3 exports/day · No credit card required
🎨
Design in Figma
Auto Layout + flem_ tags
→
F
Export with Flement
One click → .json file
→
⚡
Import to Elementor
Pixel-perfect result
How It Works

Three steps from Figma
to live Elementor page

No coding. No manual rebuilding. Just design, export, and import.

1
Design with Auto Layout

Build your layout in Figma using Auto Layout. Name your widget layers with flem_ tags like flem_heading or flem_button.

2
Export from the Plugin

Select your frames, open Flement in Figma, and click Export. Download a clean .json file — or a ZIP if you export multiple pages at once.

3
Import to Elementor

In WordPress, go to Elementor → Import Template and upload the JSON file. Your full page structure — containers, widgets, styles — appears instantly.

Features

Everything you need to
ship faster

🔄
Auto Layout → Flexbox

Direction, gap, padding, alignment — all mapped automatically from Figma Auto Layout to Elementor Container flexbox settings.

🎨
Style Extraction

Fill colors, strokes, corner radius, drop shadows, and typography are read directly from your Figma design properties.

📦
Container-First Export

Built for modern Elementor. All output uses the Container (Flexbox) system — no legacy sections or columns.

🖼️
Background Images

Set background images, position, size, overlay color and opacity directly from the Figma layer name using inline keys.

📄
Multi-page Export as ZIP

Export multiple frames at once. Each becomes its own named JSON file, bundled into a single downloadable ZIP.

🛒
WooCommerce Support

20+ WooCommerce widgets supported — from product pages to cart, checkout, my account, and archive templates.

Supported Widgets

50+ Elementor widgets,
all tag-driven

Just name your Figma layer with a flem_ prefix and it becomes that Elementor widget on export.

Free Widgets Free
flem_heading flem_text flem_image flem_button flem_video flem_divider flem_spacer flem_map flem_icon flem_icon_box flem_image_box flem_tabs flem_accordion flem_image_carousel flem_gallery flem_list flem_counter flem_progress flem_testimonial flem_social flem_alert flem_audio flem_shortcode flem_html flem_anchor flem_sidebar flem_read_more flem_rating flem_text_path
Pro Widgets Pro
flem_animated_headline flem_blockquote flem_call_to_action flem_countdown flem_flip_box flem_form flem_pro_gallery flem_hotspot flem_lottie flem_slides flem_testimonial_carousel flem_media_carousel flem_price_list flem_price_table flem_nav_menu flem_off_canvas flem_share_buttons flem_progress_tracker flem_table_of_contents flem_video_playlist flem_login flem_search flem_posts flem_portfolio flem_loop_grid flem_loop_carousel flem_paypal flem_stripe flem_code_highlight flem_template flem_woo_products flem_woo_cart flem_woo_checkout flem_woo_add_to_cart + 10 more WooCommerce
Pricing

Simple, transparent pricing

Start free. Upgrade when you're ready to ship more.

Standart
$ 0
Forever Free
  • ✓ 3 Layer Exports Per Day
  • ✓ 29 Free Widgets
  • ✓ Auto Layout Detection
  • ✓ Multi-Layer ZIP export
  • ✗ Unlimited Exports
  • ✗ Pro + WooCommerce Widgets
  • ✗ Automatic Image Upload
Install Free →
Most Popular
Pro Monthly
$ 9
Per Month · Cancel Anytime
  • ✓ Unlimited Exports Per Day
  • ✓ All 29 Free Widgets
  • ✓ + 30 Pro Widgets
  • ✓ + WooCommerce Widgets
  • ✓ Automatic Image Upload
  • ✓ Direct Support
Pro Lifetime
$ 149
One-Time · Yours Forever Limited Offer
  • ✓ Everything in "Pro Monthly"
  • ✓ Lifetime Access — Pay Once
  • ✓ Free Updates Forever
  • ✓ Direct Support Forever
  • ✓ $199 Regular Price
Also available: Yearly Pro at $79/year (save 27%) ·
FAQ

Frequently Asked Questions

Do I need Elementor Pro to use Flement? ▾
No, Flement works with both Elementor Free and Elementor Pro. However, to use the Pro widgets exported by Flement (such as Forms, Flip Box, Price Table, etc.), you will need an active Elementor Pro subscription on your WordPress site — Flement Free Widgets used for Elementor Free, Flement Pro and WooCommerce Widgets used for Elementor Pro.
Does my design need to use Auto Layout in Figma? ▾
Auto Layout is strongly recommended. When you use it, Flement can automatically extract flex direction, gap, padding, and alignment settings. Without Auto Layout, frames still export as Containers but only with basic settings.
How many uses can I use to activate my Pro license? ▾
Each Pro license can only be associated with one Figma account. You can deactivate the license at any time through the plugin.
What happens when my monthly subscription renews? ▾
PayPal handles renewals automatically. Your license key stays the same — it just gets extended for another month (or year). If a payment fails, you'll receive an email notification from PayPal.
Can I use Flement with any WordPress theme? ▾
Yes! Flement exports standard Elementor JSON that works with any WordPress theme that supports Elementor. Themes using the Elementor Container system (Flexbox) are recommended for best compatibility.
What is the difference between Basic Gallery (flem_gallery) and Pro Gallery (flem_pro_gallery)? ▾
flem_gallery maps to Elementor's free Image Gallery widget. flem_pro_gallery maps to the advanced Gallery widget from Elementor Pro, which supports masonry, justified layouts, and advanced filtering.
Can I cancel my subscription anytime? ▾
Yes, you can cancel at any time directly through your PayPal account. Cancelling your subscription will reset your license to the standard version.

Ready to stop rebuilding
layouts manually?

Join designers and developers who export Figma to Elementor in seconds.

Install Free on Figma
No credit card for free plan · Secure payment via PayPal