Figma to Oxygen Builder for WordPress: read->made
Copy & paste Figma layouts into Oxygen Builder. ready-made for WordPress workflows.
Plugin Preview
About this plugin
Turn your Figma designs into working Oxygen Builder sections - copy & paste, just like that.
ready-made is a Figma plugin for designers and developers working with WordPress and the Oxygen Builder. Select elements in Figma, copy them using the plugin, and paste directly into Oxygen — with structure, layout, and class mappings fully preserved.
Whether you’re freelancing or part of an agency, ready→made saves hours of layout work and streamlines your WordPress design-to-code workflow.
For pasting the copied Elements into wordpress you need to have our free Wordpress Plugin installed:
https://wordpress.org/plugins/ready-made-oxygen-integration/
🎯 NEW: Intelligent Font Matching
Automatically fixes font family mismatches when pasting from Figma. The plugin now intelligently maps Figma font names (like "BreeSerif") to their correct Oxygen equivalents (like "Bree Serif") with 95%+ accuracy. Works silently in the background - no interruptions to your workflow.
📘 User Guide
📅 Coming Soon:
Support for: Oxygen 6, Breakdance, Gutenberg, Bricks, Elementor
—
🔧 Part of WPConverters.com – tools for modern WordPress builders.
Explore free converters and productivity plugins for Oxygen, Bricks, and more.
Plugin Details
Version | 13 |
---|---|
Created | April 10, 2025 |
Last Updated | July 8, 2025 |
Category | Software development |
Creator | Philipp |
Stats | 20 installs, 13 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:public/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.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.