Figma To WordPress Block
Easily copy and paste from Figma to WordPress editor
Plugin Preview
About this plugin
Figma plugin to easily convert Figma design into WordPress website. The code generated from this plugin can be directly pasted into WordPress editor (WordPress default Gutenberg editor). Working better for well grouped design.
Supported Blocks:
- WordPress default blocks
- Spectra Blocks (Ultimate Addons for Gutenberg)
- Kadence blocks
Tips:
- Use "button" name to convert as button block
- Group the image parts in 1 group and lock it to be converted as an image block or image background for a flex block/container
- When you encounter a broken layout in the preview, try grouping the broken parts manually before converting it again.
Need a fully custom WordPress site from your Figma design?
For businesses that need a higher-touch, end-to-end service, check out Figmafy. They manually develop your Figma designs into high-quality, pixel-perfect WordPress websites—ideal for enterprise or growing businesses that want precision and scalability.
Youtube demo:
Install WP Addons WordPress plugin to automatically upload the image
Buy the license key here
Plugin Details
| Version | 77 |
|---|---|
| Created | July 9, 2023 |
| Last Updated | June 6, 2025 |
| Category | Import & export plugins |
| Creator | FigmaFy |
| Stats | 1223 installs, 228 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Network Access:
This plugin need to upload image and svg files to the WordPress site
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML