Figma to Oxygen Builder – ready→made WordPress Integration
Turn Figma designs into editable WordPress pages – copy, paste, publish.
ready→made is the official WordPress companion for the ready→made Figma plugin (powered by the design-to-code engine). It turns your Figma frames into clean, editable layouts inside WordPress — with layout, spacing, typography, colors, and reusable classes preserved — so there is no manual rebuild and no drift from the source file.
Design in Figma. Copy. Paste into WordPress. Ship.
New in 1.4.0: one-click import for Oxygen 6, Oxygen classic, Gutenberg & HTML
A new ready→made Import screen (Settings → ready→made Import) takes the output from the Figma plugin and builds a real WordPress page for you — locally, with no external server involved. It auto-detects the format and routes it to the right target:
- 🟣 Oxygen 6 – writes the page tree and merges your design’s classes into Oxygen’s global selectors (non-destructively), then regenerates the CSS. The page opens fully styled in the Oxygen 6 builder.
- 🔵 Oxygen (classic) – paste straight into the Oxygen 4 structure view, layout and classes intact.
- ⬛ Gutenberg – creates a page from the block markup, ready for the block editor.
- 🌐 HTML – drops semantic, hand-editable markup into a page.
Google Fonts used in your design are detected and loaded automatically, so type looks right on the first render.
Why designers and agencies use ready→made
- 🎨 Pixel-accurate – exact spacing, type, and color from the source file, not eyeballed.
- 📱 Responsive by default – Figma breakpoints sync to real Oxygen breakpoints (base, tablet, phone).
- 🧱 Clean, maintainable output – semantic structure and reusable global classes your team can extend, not a tangle of absolute positioning.
- ♻️ Smart image handling – content-based duplicate detection reuses existing media and saves storage space.
- 🔤 Automatic font matching – fixes family-name mismatches (e.g. “BreeSerif” → “Bree Serif”) with 95%+ accuracy.
- 🔒 No external backend – everything runs on your own WordPress. Your designs and content never leave your site.
Who is this for?
- WordPress developers and agencies building with Oxygen (4 and 6)
- Designers who hand off Figma files to WordPress teams
- Anyone who wants to skip the design-to-code rebuild
ready→made pairs with the free ready→made Figma plugin. Design once, paste anywhere.
Features
- One-click import for Oxygen 6, Oxygen classic, Gutenberg, and plain HTML
- Auto-detects the target from the pasted content
- Oxygen 6: writes the page tree, merges global selectors non-destructively, and regenerates the CSS
- Oxygen 4: paste directly into the structure view
- Turns your Figma design system into Oxygen global classes, with responsive breakpoints
- Automatic Google Fonts loading
- Content-based image de-duplication with a visual progress indicator
- 95%+ accurate font-name matching
- Runs entirely on your site — no external server or account required
- Clean, WordPress-standard code; compatible with most caching and optimization plugins