FigWP Docsdocs20 articles · 6 topics
Setup, every MCP tool, and what happens to a frame between Figma and your site.
Set up once. Then every page is one request.
The plugin in Figma, the connector in your AI app and FigWP Connect on your site, in this order.
6 topics, every article.
Each article covers one job: what to ask your AI app, which tool it calls, and what it costs.
Getting started
Install the Figma plugin, connect Claude or ChatGPT, connect a WordPress site and convert your first frame.
4 articles Open topic- Install the FigWP Figma plugin Add FigWP to Figma, paste the access token from your dashboard once, and keep the plugin open so your AI app can read the frame you select.
- Connect Claude, ChatGPT or any MCP app Add the FigWP MCP server to Claude, Claude Desktop, Claude Code or ChatGPT as a custom connector, sign in, and approve what the app may do.
- Connect your WordPress site with FigWP Connect Link a site that runs Elementor and Essential Addons Pro to your FigWP account from Essential Addons → Tools → FigWP, so AI apps can import draft pages.
- Your first conversion Select a frame in Figma, ask your AI app to convert it, and follow the conversion from analysis to widget mapping to a draft page on your site.
Converting designs
Prepare a frame, convert tall and responsive pages, understand widget mapping and connect forms.
5 articles Open topic- Prepare a frame for conversion What FigWP checks before it spends a page, why auto layout matters, and how the auto-layout copy fixes a hand-placed design without touching your original.
- Convert tall pages Frames up to 20,000px convert in one go, a section at a time. Learn how FigWP splits them, what it costs, and how to add a taller design to one draft.
- Desktop, tablet and mobile frames as one page Give FigWP a frame per breakpoint and get a single Elementor page with per-device settings, instead of three pages to keep in sync.
- How sections become widgets Your AI app picks an Essential Addons widget per section, FigWP checks the choice against the widget catalog, and a widget that drops content is demoted.
- Connect a drawn form to a real one FigWP never builds a working form from drawn inputs. Connect the design's form to one made in Fluent Forms, Contact Form 7, WPForms and more, or a Mailchimp.
Editing and publishing
Fix a section after import, sync your Figma styles to the site, review fidelity and publish.
4 articles Open topic- Fix a section after import Ask your AI app to patch a setting, rebuild one section with different widgets, or put a saved version back. Every change on a FigWP page is snapshotted first.
- Sync Figma styles to the site's global colours and fonts Turn the file's colour styles, colour variables and text styles into Elementor's global colours and fonts, and link a page's colours to them.
- Preview and publish a draft Every FigWP import is a draft. See how to preview it, what publishing through your AI app does, and how to keep pages out of search until they are ready.
- Fidelity reviews A score for every section of an imported page against its Figma frame, so you know how close the page is before your client does. Coming to Studio and Agency. Coming soon
Account and billing
Plans and pages, seats and teams, page packs, and the AI apps connected to your account.
4 articles Open topic- Plans, pages and what you pay for FigWP charges per page imported to a site, never for tries. Free has 3 pages for life; Starter $12, Studio $29 and Agency $59 a month add pages, seats and.
- Page packs Top up any plan with pages that never reset: a small pack is $5 for 10 pages, a large pack $12 for 30. Both keep for 12 months and are used after the.
- Seats and teams Everyone on a plan shares one access token and takes one seat in the Figma plugin. Learn how seats are counted, freed and moved, and what team members can do. Paid plans
- Manage connected AI apps See which Claude, ChatGPT or other MCP apps can act on your account, remove one, and understand when a connection ends by itself.
Reference
Every MCP tool, the permissions an AI app asks for, and the limits a conversion works within.
2 articles Open topic- MCP tools reference Every tool the FigWP MCP server offers an AI app, grouped by what it touches, with the permission each needs and what it reserves or charges.
- Permissions and security What an AI app can and cannot do on your FigWP account, what each permission on the approval page means, and how tokens, sites and your designs are protected.
Troubleshooting
What to check when the plugin, your AI app or your site does not behave as expected.
1 article Open topicEvery tool your AI app can call.
29 tools, grouped by what they touch. The reference lists the permission each one needs and what it reserves or charges.
Account and catalog 3
get_accountlist_widgetsget_widget_guide
The frame in Figma 5
get_figma_selectionget_frame_imageget_frame_treeanalyze_designmake_auto_layout_copy
Converting 4
propose_mappingconvert_frameget_conversionmerge_responsive
The site 8
list_sitesget_site_profileget_site_formsget_widget_schemaimport_to_siteget_importget_pagepublish_page
Fixing a page 7
get_elementspatch_elementsreplace_elementremap_sectionlist_snapshotsrestore_snapshotsync_design_system
Fidelity reviews coming soon
verify_pageget_section_diff
Something stopped?
The messages you're most likely to see from the plugin, your AI app or your site, each with its cause and fix.
Common problemsYour AI app can read these docs too.
Every article is also served as Markdown. Add .md to its address and paste the link into your conversation.
Talk to a person.
The WPDeveloper support team answers FigWP questions, from setup to billing.
Contact support