Figma → Elementor + Essential Addons

Select Homea frame.1440 × 6,280Get a WordPress page.

Ask your AI app to convert it. FigWP maps each section to an Essential Addons widget, builds it in Elementor, and imports it to your site as a draft you can edit.

Works in ClaudeChatGPTand any MCP app
0200400600800100012001400
You asked Claude

“Convert the frame I selected and put it on acme.store as a draft.”

Draft #214 · 9 widgets, 18 images
Wacme.store/HomeDraftEdit with Elementor
LedgerlyFeaturesPricingStart free

Close the booksbefore lunch.

Bookkeeping for small shops. Receipts in, reports out, no spreadsheet.

Start free
Hero · auto layoutDual Color Heading Dual Color Heading eael-dual-color-header
Snap receiptsPhotograph a receipt and it files itself.Info Box eael-info-box
Sync your bankEvery sale and fee, matched daily.Info Box
Month-end reportOne PDF for your accountant.Info Box
Features · 3 cardsInfo Box ×3
12kshops
4.9average rating
3 hrssaved a week
StatsCounter ×3 Counter ×3 eael-counter

“I stopped dreading the 1st of the month.”Maya Ortiz · owner, Ortiz Bakery

TestimonialTestimonial Slider Testimonial Slider eael-testimonial-slider
Ledgerly / HomeFigWP · Live
LedgerlyFeaturesPricingStart free

Close the booksbefore lunch.

Bookkeeping for small shops. Receipts in, reports out, no spreadsheet.

Start free
Hero · auto layoutDual Color Heading Dual Color Heading eael-dual-color-header
Snap receiptsPhotograph a receipt and it files itself.Info Box eael-info-box
Sync your bankEvery sale and fee, matched daily.Info Box
Month-end reportOne PDF for your accountant.Info Box
Features · 3 cardsInfo Box ×3
12kshops
4.9average rating
3 hrssaved a week
StatsCounter ×3 Counter ×3 eael-counter

“I stopped dreading the 1st of the month.”Maya Ortiz · owner, Ortiz Bakery

TestimonialTestimonial Slider Testimonial Slider eael-testimonial-slider
FigmaWordPress
120+Widget converters, Essential Addons and Elementor
20,000pxTallest frame in one conversion
2M+Creators already use Essential Addons
1Sentence to start a page
How it works

Four steps.
One sentence from you.

The FigWP plugin stays open in Figma and linked to your account. Your AI app does the rest through the FigWP MCP server, and stops for you before anything goes live.

01 / 04
Scroll over the cards to move
01 · Connect
FigWPFigma · Plugins
Access token
fwp_tok_••••••••3c1eConnected
Live Link · listening for jobs from your AI app
AccountStudio · 2 of 3 seats
Step 01 · Figma plugin

Connect the plugin once.

Paste your access token into the FigWP plugin. It stays linked to your account over Live Link and waits for jobs while Figma is open.

1 tokenper account, shared by your team's seats
Get your token
02 · Ask
ClaudeFigWP connected
Convert the frame I selected for acme.store
→ get_figma_selection · Home, 1440 × 6,280
→ analyze_design · no blockers
→ get_site_profile · Elementor and Essential Addons ready
Step 02 · Your AI app

Ask in your own words.

Select a frame in Figma and tell your AI app what you want. It reads the design and checks your site through the FigWP MCP server.

Any MCP appClaude, ChatGPT and any MCP app
Connect your AI app
03 · Map
propose_mappingHome · 6 sections
HeroDual Color Heading
Feature cardsInfo Box ×3
StatsCounter ×3
TestimonialTestimonial Slider
Step 03 · Widgets

Sections become widgets.

The AI picks an Essential Addons widget for each section. FigWP's own converters build the Elementor JSON, and drop any widget that can't hold its content.

120+widget converters
See the widgets
04 · Import
acme.storePages · Drafts
HomeDraft #214
Images18 copied to media
Widgets9 built, 212 containers avoided
PublishWaits for your OK
Step 04 · WordPress

Import as a draft.

Images go into your media library and the page lands as a draft in Elementor. Review it, fix what you want, then publish.

Draft firstnothing goes live without you
Start free
Why FigWP

Open the Navigator. Count the boxes.

The same Figma frame, imported two ways. Tools that copy the layout hand you hundreds of nested containers. FigWP hands you the widgets you'd have picked yourself, with the content already in their fields.

same frame
Before it converts

Messy frames welcome. FigWP checks them first.

Before you spend a page, FigWP reads the frame for anything that won't survive the trip. Layers placed by hand get an auto-layout copy beside your original, so the page reflows on a real site.

analyze_designHome · free check
  • !
    2 sections without auto layoutHero and Footer use fixed positions and won't reflow.
  • !
    Font “Satoshi” isn't on acme.storeLoad it on the site, or it falls back to the theme font.
  • !
    Hero photo is 6.4 MBIt will import, but slowly. Export it smaller.
  • ✓
    6,280px tallConverts in one call, a section at a time.
Cost1 page · charged on import
Hero · fixed positions
Close the booksx 37 y 24
x 52 y 103
x 22 y 149
x 184 y 160
Start freex 209 y 246
16
16
16

Hand-placed layers keep their pixel positions and can't reflow on a phone.

Widgets that earn their place

Every section gets a real widget, or none at all.

A widget that fits is far easier to edit than a pile of containers. One that can't hold the section's content would drop it. FigWP checks every choice before it ships.

Figma layers
Hero
Copy
Close the books
before lunch.
Bookkeeping for small shops…
Button
Illustration
Widget built
Dual Color Heading eael-dual-color-header
Title“Close the books”
Title, 2nd color“before lunch.”
Content“Bookkeeping for small shops…”
eael_dch_type: "dch-default"
Text captured 100%Gate 70%
Widget kept
70% text coverage

The fidelity gate

After building a widget, FigWP compares the text it captured with the text in the Figma section. Below 70%, the widget is dropped and the section is built from containers.

120+ converters

Same output, every time

The AI only chooses widgets. FigWP's own converters write every setting, so a conversion is repeatable from the design alone.

eael_* controls

Settings Essential Addons knows

Every key FigWP writes is a real Essential Addons control, so nothing is silently ignored on import.

Three frames, one page

Draw it for phone and tablet. Get one responsive page.

Give FigWP your desktop, tablet and mobile frames. It merges them into Elementor's own per-device settings on a single page, instead of three pages to keep in sync.

Written to the page
title_typography_font_size48px
flex_directionrow
grid columns3
ElementorDesktopTabletMobileDraft #214
Close the booksbefore lunch.
Fidelity you can see · coming soon

Know how close the page is before your client does.

Coming to Studio and Agency plans: after an import, FigWP renders the page at the design's width and compares it with the frame, section by section. The review is saved, so you can share it or fix what's off. Section repairs already work today.

Ledgerly · HomeReview of Draft #214 · desktop 1440px
94
SectionLayoutPixelLayout
Hero9197
Features8995
Stats9699
Testimonial7278

A score for every section

Pixel and layout scores per section, with the elements that moved, resized or went missing, each tied to its Figma layer.

Figma · FigWP · Fidelity
Hero97
Features95
Testimonial78

Scores on the frame

The plugin paints each section's score over your Figma frame, in a locked layer group you can delete.

Share a review link

Send the client a read-only report instead of screenshots in a chat.

remap_sectionTestimonial78
patch_elementsavatar size→
verify_pageTestimonial93

Fix, then check again

Ask the AI app to repair a section. It patches the draft and runs the review again.

Before and after

The same slider as the top of this page, on every saved review.

From conversation to WordPress

Ask for the work. Stay in control.

FigWP gives your AI app the tools to read the design, build the page and check it. You decide what gets published.

ConvertNew page
Convert the pricing frame and add it to acme.store as a draft.
  1. Reads the frame and checks fonts and auto layout with analyze_design
  2. Maps the plans to Essential Addons Pricing Tables
  3. Imports a draft and returns its edit link
Tall pagesUp to 20,000px
This is our whole 15,000px docs landing. Convert all of it.
  1. Converts the frame a section at a time, in one call
  2. Joins the parts into one conversion, billed once
  3. Imports large pages in steps, so nothing times out
RepairExisting draft
The testimonial section looks off. Make it a slider like the design.
  1. Compares that section with the Figma frame
  2. Remaps it to Testimonial Slider with the design's layout
  3. Re-checks the section and reports the new score
Design systemSite kit
Use the colors and fonts from our Figma styles on the site.
  1. Reads the frame's colors and text styles
  2. Syncs them to the site's global colors and fonts with sync_design_system
  3. New imports use those globals instead of fixed values

Illustrative conversations. Tool names are the real FigWP MCP tools.

Made using FigWP

From Figma frames to live WordPress pages.

Landing pages, docs homes and company sites, converted from their Figma frames and finished in Elementor.

Docs landing15,395px
Company home11,693px
Coffee roasterShop
Event pageSpeakers
SaaS pricingPlans
Studio portfolioWork
ClinicBooking
Course launchWaitlist
Agency homeServices
Plugin siteFeatures
RestaurantMenu
NonprofitDonate
Pricing

Start free. Upgrade when the pages pile up.

You pay for a page when it's imported to a site. Re-imports and section fixes of that page are free, and the AI runs on your own Claude or ChatGPT plan.

Free
$0 forever

Try FigWP on a few real frames.

Pages3 for life
Fixes & re-importsFree
Seats1
Sites1
Start free
  • All 120+ widget converters
  • Re-imports and section fixes free
  • Email support
Starter
$12 / month

For a freelancer shipping a few sites a month.

Pages30 / month
Fixes & re-importsFree
Seats1
Sites1
Choose Starter
  • Everything in Free
  • Priority support
  • Usage analytics
StudioMost popular
$29 / month

For a small studio sharing one account.

Pages100 / month
Fixes & re-importsFree
Seats3
Sites3
Choose Studio
  • Everything in Starter
  • Team usage tracking
  • Fidelity reviews, when they ship
Agency
$59 / month

For agencies converting client sites every week.

Pages300 / month
Fixes & re-importsFree
Seats10
SitesUnlimited
Choose Agency
  • Everything in Studio
  • Advanced analytics
  • Fidelity reviews, when they ship
Small pack10 pages · never reset · expire after 12 months
$5
Large pack30 pages · never reset · expire after 12 months
$12

Page packs top up any plan from Billing and are used after the month's pages run out.

Your site needs WordPressElementorEssential Addons Pro· FigWP Connect, part of Essential Addons Pro, links it to your account.
FAQ

Questions before your first frame.

Something else? The docs cover setup, every MCP tool and how widgets are chosen.

Does FigWP generate code?

No. It produces native Elementor JSON built from Essential Addons and Elementor widgets. You edit the result in Elementor like any other page, with no HTML or CSS to maintain.

Which AI apps work with it?

Any app that supports MCP servers, including Claude and ChatGPT. Your AI app chooses the widgets; FigWP's own converters write the page, so the AI never writes Elementor JSON.

Is the AI included in the price?

The AI runs on your own Claude or ChatGPT plan, so FigWP charges nothing for it. You pay FigWP for pages imported to a site, and the free plan includes 3 for life.

What does my WordPress site need?

WordPress, Elementor and Essential Addons Pro. FigWP Connect is part of Essential Addons Pro: open Essential Addons → Tools → FigWP on the site, click Connect to FigWP, and approve it on your dashboard.

Will it publish anything without asking?

No. Every import is a draft. Publishing is a separate step your AI app only takes after you approve it.

What counts as a page?

One design imported to a site. Converting reserves the page and importing charges it; a conversion that's never imported is released after 7 days. Importing it again, or re-converting a section to fix it, costs nothing.

How big can a frame be?

Up to 20,000px tall in one conversion. A tall frame is converted a section at a time and joined into one page. Taller designs can be split into frames and added to the same draft.

What happens to my images?

They're copied into your site's media library when the page is imported, so the page doesn't depend on FigWP after that.

Does the design need auto layout?

It converts best with auto layout. If a section has none, FigWP can make an auto-layout copy beside the frame, and your original isn't changed.

Get started1152 × 420 · ready to convert

Your next page is already drawn.

Install the plugin, connect your AI app, and convert your first frame on the free plan.

3 pages free · no card needed
Home is ready Draft #214
WidgetsDual Color Heading, Info Box ×3, Counter ×3, Testimonial Slider
Images18 copied to media
EditOpen with Elementor
NextReview, then publish