fig2wp Dashboard
Figma -> Elementor -> WordPress

Templates

-

Generated Elementor templates

Webhook Events

-

Captured and processed events

n8n Usage

Optional

Loading...

1) Connect Figma OAuth

Use OAuth once, then keep only refresh token on server.

Figma Browser — pick a frame to convert

Browse your Figma teams, projects, and files instead of pasting a link. Get your team-id from the Figma URL: figma.com/files/team/<TEAM_ID>. Once a frame is selected, the convert forms below auto-fill with the figma link.

2) Conversion Settings

POST /convert

3) Publish To WordPress

POST /publish

Environment Status

Loading...

WordPress Connection Profiles

Save site profiles once and reuse for verify/publish actions.

WordPress Connector Verify

Install the fig2wp-connector plugin in WordPress, then verify token here.

Closed-Loop QA & Self-Repair

Convert a Figma node, publish to demo WP, screenshot & pixelmatch against the Figma render, localize mismatches, and apply targeted overrides. Iterate up to N rounds until the design is pixel-stable.

Figma Account Browser

Pick a frame from your Figma account to convert. Paste a team ID once (find it in the URL of figma.com/files/team/<id>/...) and we cache it locally. Each frame gets a one-click "Use as Elementor source" / "Use as Gutenberg source" button.

Checking Figma identity...

Figma → Gutenberg Blocks

Convert a Figma frame into native Gutenberg block HTML (core/group, core/heading, core/paragraph, core/columns, core/image, core/buttons). Download the .html file or push directly to your linked WordPress site.

Self-Learning Rule Promotions

Aggregate the decision log to find override patterns that should become reusable mapping rules, and rules that are getting overridden too often. Apply each proposal to update the rule store.

Recent Templates

    API Result

    { "ok": true }