Your 
Figma Design
As Native 
Gutenberg Blocks
Bring your Figma frame and UiChemy builds it into Gutenberg with real, editable blocks, headings, columns, buttons, all native. It’s plain WordPress with no extra block plugin to install, and you go live in 5 clicks. Everything stays yours to change in the block editor.
Download the plugin
Your Design Lands As Blocks, Not A Screenshot
Every layer becomes a native Gutenberg block with clean markup, ready to change in the editor you already know.
- Native Gutenberg blocks, editable in the WordPress block editor.
- Not exported HTML, not a flat image. A real, native page.
- Standards-based block markup, no third-party page builder required.
- Clean, semantic structure, ready to publish or refine.
Real blocks, not a screenshot
See The Same Frame As Live Gutenberg Blocks
Your Figma frame on the left, the same layout as native Gutenberg blocks on the right. Click, restyle, and rearrange every block, never a flat image or locked shortcode.
Figma designYour approved design, exactly as you drew it
- Auto layout frames and components from your file
- One Figma file, whichever block library you build with
- Tag your layers when you want an exact match
Live in GutenbergThe same design, rebuilt as core WordPress blocks
- Container, heading, paragraph and image blocks
- Core, Nexter, Spectra, Kadence or GenerateBlocks
- Full tagging in Nexter Blocks, the widest set
From Figma Frame To A
Live Gutenberg Page In Six Steps
Start With Your Approved Design
Choose the Figma frame you want on the page.
Optimize The Media
Handle media your way, automatic or by hand.
Widget Tagging And Auto Layout
Map each layer to a Gutenberg block, then set auto layout and responsive behavior across breakpoints.
Connect Your Site & Verify Settings
Link your site once with a single Connection Link, then confirm your conversion settings.
Convert To Real WordPress
Run the conversion and get native, editable Gutenberg blocks, never a flat export.
Preview The Page, Then Publish
Open the live page and check it before it goes public.
Start With Your Approved Design
Choose the Figma frame you want on the page.
Optimize The Media
Handle media your way, automatic or by hand.
Widget Tagging And Auto Layout
Map each layer to a Gutenberg block, then set auto layout and responsive behavior across breakpoints.
Connect Your Site & Verify Settings
Link your site once with a single Connection Link, then confirm your conversion settings.
Convert To Real WordPress
Run the conversion and get native, editable Gutenberg blocks, never a flat export.
Preview The Page, Then Publish
Open the live page and check it before it goes public.
Turn Your Figma Design Into Gutenberg, Your Way
Map every Figma layer to a block by hand in Classic Mode for pixel control, with AI Express automation rolling out to Gutenberg next.
Classic Mode For Pixel-Exact Control
Tag your layers and we build native blocks with pixel control, across all three builders today.
Explore Classic Mode
AI Express Mode, Hands-Free Conversion
UiChemy reads your frame and builds the whole page for you to review. On Elementor today, Gutenberg next.
See How UiChemy ConvertsTrusted by working designers
90,000+ Designers Trust Us To Ship Their Work, Not Rebuild It
Rated 4.9 out of 5 by 90,000+ Figma designers, with 1,300+ ready templates and pages that land 95% responsive out of the box.
Figma To Gutenberg, Answered
Yes. Colors, type, and spacing carry over into the blocks, layout holds across breakpoints, and the fixer logs every change it makes so nothing happens silently.
Yes. Because the output is real Gutenberg blocks, you can select any section and save it as a synced pattern or reusable block like any other native content.
Design in Figma, then push with the plugin or a template JSON. It converts into native Gutenberg blocks.
Everything comes in as native widgets, blocks, or elements you can restyle, rearrange, and rewrite, never a flat image or locked code.
No. AI Express Mode needs zero code, and code editing is there only if you want it.
Colors, type, spacing, and motion carry over, layout holds across breakpoints, and the fixer logs every change.
Any current WordPress with the block editor active. There is no separate block builder to buy or configure, so the default editor is all you need.
No. The page is plain Gutenberg, so you edit it in the standard block editor. No Elementor, Bricks, or third-party block pack required.
You generate one Connection Link in your UiChemy dashboard and paste it into the Figma plugin. That is the whole setup.
Works on most WordPress hosts. If Wordfence or a managed host blocks it, our docs and support get you connected.
Yes. Local and staging sites connect the same way, with a Connection Link.
Classic Mode conversions to Gutenberg cost almost nothing per run, and your Credit pool refills every month. You only spend on completed conversions, never failed ones.
Yes. Everything you convert lives on your own WordPress site and stays yours whether or not you keep the plan.
One unit per conversion. AI Express costs more, Classic almost nothing, and your pool refills every month.
No. Credits are spent on completed conversions, so a failed attempt does not drain your balance.
Native WordPress core blocks. The output is plain Gutenberg with heading, column, group, and button blocks, so nothing extra has to stay installed for the page to work.
Yes. The blocks are standard core blocks, so they drop into a block theme, FSE templates, and the Site Editor the same way blocks you add by hand do.
Not yet. AI Express Mode converts into Elementor today, with Gutenberg next. Classic Mode already converts your Figma design into native Gutenberg blocks right now.
No. The outcome is plain WordPress Gutenberg, nothing extra to install.
Both. One runs in Figma to read your design, one runs in WordPress to build it.
AI Express builds into Elementor today, with Gutenberg and Bricks next. Classic Mode covers all three now.