FigWP - Figma to WordPress Converter

Figma to WordPress plugin effortlessly converts Figma designs into Elementor & Essential Addons for Elementor widgets for WordPress, maintaining the integrity of styling, dimensions, and content. It bridges the gap between design and development, allowing teams to work more efficiently.

Key Highlights:

35+ Elementor Widgets – Compatible with all essential Elementor widgets.

Instant Conversion – Real-time processing with visual updates.

Style Consistency – Retains colors, fonts, spacing, and overall design integrity.

How It Works:API Integration – Set up your Figma API key for seamless connectivity.

Naming Standards – Adhere to specific naming conventions for best performance.

Select Layers – Pick the frames or components you want to convert.

Automated Conversion – Let the tool process your selection, with live progress updates.

Export Options – Copy the JSON code or download it directly for WordPress integration.

Usage Guidelines:

Follow these essential steps to ensure everything works smoothly:

Use a valid and active Figma API key.

Confirm you have edit access to the file.

Use ‘Auto Layout’ wherever possible to avoid design breakage.

Use ‘Container’ if column layout breaks (optional but helpful).

All Sections & Inner Sections must contain ‘Column’.

Frames or layers must be named using our supported Elementor widget names:

Here’s the list of supported widgets along with compatible child nodes:| Widget Name | Compatible Child Nodes ||---------------------|----------------------------------------------------|| Advanced Accordion | Heading, Content, Icon || Advanced Menu | Menu, Active Menu || Advanced Tabs | Heading, Content, Icon || Breadcrumbs | Heading, Content || Business Reviews | Image, Heading, Subheading, Content, Rating || Button | Icon || Call to Action | Heading, Subheading, Content, Button || Code Snippet | Heading, Content || Container | — || Content Ticker | Heading, Content || Content Timeline | Heading, Content, Image, Button || Content Toggle | Heading, Content || Countdown | Heading, Number || Counter | Heading, Number || Creative Button | Icon || Data Table | Heading, Content || Divider | Heading, Icon || Dual Color Header | Heading || Event Calendar | — || Feature List | Heading, Content, Icon || Heading | — || Image | — || Info Box | Heading, Subheading, Content, Image, Button, Icon || Logo Carousel | Image || Post Block | Heading, Content, Image || Post Carousel | Heading, Content, Image || Post Grid | Heading, Content, Image || Post Timeline | Heading, Content, Image || Pricing Table | Heading, Content, Number, Button || Simple Menu | Menu, Active Menu || Smart Post List | Heading, Content, Image || Team Member | Heading, Subheading, Content, Image || Testimonial | Heading, Content, Image, Rating || Testimonial Slider | Heading, Content, Image, Rating || Text Editor | — |