Figma to Oxygen Builder for WFigma to WordPress - Gutenberg, Oxygen Builder & HordPress: ready->made
Paste Figma designs into WordPress as clean Gutenberg blocks, Oxygen or HTML.
Plugin Preview
About this plugin
Turn your Figma designs into working WordPress pages — copy & paste, just like that.ready→made converts the frame you select into production-ready code for FOUR targets:✅ Gutenberg blocks (WordPress block editor) — valid markup that survives the editor✅ Oxygen Builder Classic✅ Oxygen 6 (NEW)✅ Clean semantic HTML — framework-agnostic, great for dev & AI handoffUnlike AI-based converters, ready→made is deterministic: a real layout engine translates your auto-layout to responsive flexbox/grid. Same design in, same clean code out — every time. Exact typography (line-height and letter-spacing math), gradients (linear, radial, angular), spacing and structure. No div-soup, no absolute positioning.HOW IT WORKS① Select a frame → ② Copy with the plugin → ③ Paste into your WordPress editor or an HTML file. Done.For pasting into WordPress you need our free companion plugin:https://wordpress.org/plugins/ready-made-oxygen-integration/📱 RESPONSIVE BY DEFAULTEvery section reflows cleanly from desktop to phone — card grids stack, navigation collapses to a hamburger, carousels become scroll-snap strips, images keep their designed aspect ratio.🧩 SMART COMPONENT DETECTIONNavs, footers, card grids, pricing rows, tables and timelines are recognised and exported as clean, semantic markup.🅰️ INTELLIGENT FONT MATCHINGAutomatically maps Figma font names (like "BreeSerif") to their correct web equivalents (like "Bree Serif") — silently, in the background.📘 LEARN MORE🎬 Tutorial: https://www.youtube.com/watch?v=VFyIchRyWUQ📖 Docs: https://wpconverters.com/docs📅 Coming soon: Breakdance, Bricks, Elementor—🔧 Part of WPConverters.com — tools for modern WordPress builders. Free tier included: convert your own designs before paying anything.
Plugin Details
| Version | 39 |
|---|---|
| Created | April 10, 2025 |
| Last Updated | July 16, 2026 |
| Category | Software development |
| Creator | Philipp |
| Stats | 71 installs, 28 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://api.levels.dev
- https://cdn.jsdelivr.net
- https://cdn.levels.dev
- https://levels.dev
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code