Back to Plugins
Figma To WordPress Block

Figma To WordPress Block

Easily copy and paste from Figma to WordPress editor

webfigma-to-codeimages

Plugin Preview

Figma To WordPress Block 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:

  1. WordPress default blocks
  2. Spectra Blocks (Ultimate Addons for Gutenberg)
  3. Kadence blocks


Tips:

  1. Use "button" name to convert as button block
  2. 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
  3. When you encounter a broken layout in the preview, try grouping the broken parts manually before converting it again.


Youtube demo:

Figma To WordPress Tutorial


Install this WordPress plugin to automatically upload the image:

WP Addons


Buy the license key here

Plugin Details

Version74
CreatedJuly 9, 2023
Last UpdatedApril 10, 2025
CategoryImport & export plugins
CreatorSyarifuddin Yusuf
Stats1012 installs, 196 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://payhip.com
    • https://syarif-studio.github.io