Back to Plugins
Figma to Oxygen Builder for WFigma to WordPress - Gutenberg, Oxygen Builder & HordPress: ready->made

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

Figma to Oxygen Builder for WFigma to WordPress - Gutenberg, Oxygen Builder & HordPress: ready->made 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/docsElementor: exports native Elementor templates you import via Templates > Import. Every layer becomes a real, editable container or widget with responsive controls, not a static block. Requires Elementor 4.x.📅 Coming soon: Breakdance, Bricks, ElementorTelemetry: To improve conversion quality, the plugin sends anonymous structural telemetry when you convert — layout structure only, with all text content stripped inside Figma before anything is sent. Your designs' text, images, and visuals never leave Figma. Telemetry is tied to conversion quality work only and never shared or sold.—🔧 Part of WPConverters.com — tools for modern WordPress builders. Free tier included: convert your own designs before paying anything.

Plugin Details

Version42
CreatedApril 10, 2025
Last UpdatedAugust 4, 2026
CategorySoftware development
CreatorPhilipp
Stats79 installs, 29 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Network Access:

    Uploads recompressed images to the user's own WordPress site (an arbitrary, user-supplied domain) via the Ready-Made companion plugin REST API, authenticated with the user's application password. The target host is not known ahead of time, so a wildcard is required.

  • Editor Types:
    figma
  • Allowed Domains:
    • *