Turn Figma designs into editable Oxygen Builder sections – copy & paste, just like that.
This plugin is the essential integration for ready→made, a Figma plugin that allows designers and developers to convert their Figma elements into live, editable WordPress layouts using Oxygen Builder.
With a single click, you can transfer design elements from Figma and insert them into the Oxygen Builder's structure panel – with all layout, classes, and structure preserved.
NEW in v1.3.0: Automatic Class Synchronization
Your Figma design system now syncs directly to Oxygen! Class definitions from Figma are automatically created as Oxygen global classes. Element-specific styles stay with the element, while reusable class styles are instantly available in Oxygen's selector dropdown. Supports both new clean-separation format and backward-compatible tree-based detection.
Smart Features:
- 🎨 Automatic Class Sync - Figma classes become Oxygen global classes instantly
- ⚙️ Configurable Sync Mode - Choose create-only (safe) or create+update (aggressive)
- 🔤 Smart Font Matching - Automatically fixes font family mismatches (e.g., "BreeSerif" → "Bree Serif") with 95%+ accuracy
- ♻️ Intelligent Duplicate Detection - Content-based image detection prevents duplicate uploads and saves storage space
- 📁 Smart Filename Resolution - Handles filename conflicts with size-based and incremental suffixes
- 📊 Visual Progress Tracking - Real-time progress indicator shows duplicate detection and upload status
- 🔧 Zero Configuration - Works automatically after activation
- 🎯 Silent Operation - All optimizations happen seamlessly in the background
Who is this for?
- WordPress developers using Oxygen
- Designers who hand off Figma files to WordPress teams
- Agencies looking to speed up design-to-code workflows