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 blocksSpectra Blocks (Ultimate Addons for Gutenberg)Kadence blocksTips:Use "button" name to convert as button blockGroup the image parts in 1 group and lock it to be converted as an image block or image background for a flex block/containerWhen 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:Figma To WordPress TutorialInstall WP Addons WordPress plugin to automatically upload the imageBuy the license key here
Plugin Details
| Version | 77 |
|---|---|
| Created | July 9, 2023 |
| Last Updated | June 6, 2025 |
| Category | Import & export plugins |
| Creator | FigmaFy |
| Stats | 1660 installs, 328 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.
Free Compressed PDF and Image Exporter (PDF, PNG, JPG, WebP and SVG)
Export compressed PNG, PDF, JPG, SVG, WebP & merge multiple frames into one PDF—fast & easy! 🚀
Color Import / Export
Help design and dev teams stay in sync by providing import and export tools for color palettes
Export/Import Variables
Export variables from one file and import them to another. Supports modes, references, and scopes.