Description
Turn Figma designs into editable Oxygen Builder sections – copy & paste, just like that.
This plugin is the essential integration for readymade, 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.2.3: Intelligent Duplicate Detection
Never upload the same image twice! The plugin now automatically detects when you’re pasting an image that already exists in your media library – even if it has a different filename. Using content-based hashing (SHA-256), it identifies duplicate images and reuses them instantly, saving storage space and upload time.
Smart Features:
- 🔤 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
Features
- Enables seamless copy-paste from Figma to Oxygen 4
- Paste directly into the Oxygen structure view
- Works automatically after install
- Clean, WordPress-standard code
- Compatible with most caching and optimization plugins
Installation
- Upload the plugin folder to
/wp-content/plugins/ - Activate via the WordPress Plugins screen
- Install the readymade Figma plugin
- Start copying sections from Figma and paste into Oxygen
FAQ
-
Do I need to configure anything after installation?
-
No. Just activate it and you’re ready to go.
-
What is readymade?
-
A Figma plugin that turns designs into editable WordPress layout code, ready for Oxygen Builder.
-
Will this slow down my site?
-
No. It loads a lightweight script only in the Oxygen editor context.
Reviews
Contributors & Developers
“Figma to Oxygen Builder – readymade WordPress Integration” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Figma to Oxygen Builder – readymade WordPress Integration” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.2.3
- NEW: Intelligent duplicate detection – automatically detects and reuses existing images based on content hash
- NEW: Smart filename conflict resolution with size-based and incremental suffixes
- NEW: Support for Figma-generated filenames via suggested_filename field
- Enhanced progress indicator shows duplicate detection status and completion statistics
- Fixed: Progress callback parameter forwarding for duplicate tracking
- Performance: ~80-130ms overhead per image with content-based deduplication
1.2.2
- Fixed: Native paste now works in Oxygen code blocks and contenteditable elements
1.2.1
- Visual progress indicator for image uploads to WP Media Library
1.2.0
- Firefox support added
1.1.1
- Enhanced image processor and paste handler modules
- Improved stability and performance
1.1.0
- Intelligent font matching with 95%+ accuracy
- Automatic font name conversion (e.g., “BreeSerif” “Bree Serif”)
- IMPROVED: Modular JavaScript architecture for better maintainability
- IMPROVED: Performance optimizations with cache-first approach
- IMPROVED: Enhanced error handling and comprehensive logging
1.0.1
- Added upload image to Media Library functionality
1.0.0
- Initial release – adds Oxygen 4 support for readymade Figma plugin


