Levels Branding and Webdevelopment

Levels Block Editor Styles for Oxygen Builder automatically injects your Oxygen Builder CSS into the WordPress block editor, ensuring that what you see in the editor matches what appears on the frontend.
<h4>Features</h4>
<ul>
<li>Automatic Style Detection – Automatically finds and loads all relevant Oxygen CSS files</li>
<li>Scoped Styling – All CSS is scoped to prevent affecting editor UI elements</li>
<li>Reusable Block Support – Detects and loads styles for embedded reusable blocks</li>
<li>Smart Context Detection – Only loads in the block editor for users with edit permissions</li>
<li>Performance Optimized – Live-read approach with minimal overhead</li>
</ul>
<h4>How It Works</h4>
The plugin collects CSS from four sources:
<ol>
<li>oxygen.css – Core Oxygen framework styles</li>
<li>universal.css – Site-wide Oxygen styles</li>
<li>Page-specific CSS – Cached page styles</li>
<li>Reusable block CSS – Styles for embedded reusable blocks</li>
</ol>
All CSS selectors are automatically rewritten to be scoped within the editor content area to prevent affecting the WordPress admin UI.
<h4>Requirements</h4>
<ul>
<li>Oxygen Builder 4.x (must be installed and activated)</li>
<li>WordPress 5.8 or higher</li>
<li>PHP 7.4 or higher</li>
</ul>
<h4>Related Plugins</h4>
Looking to speed up your Oxygen workflow? Check out <a href="https://wordpress.org/plugins/ready-made-oxygen-integration/" rel="ugc">Ready Made Oxygen Integration</a> – Turn Figma designs into editable Oxygen Builder sections – copy & paste, just like that.
<h4>Optional Dependencies</h4>
For 100% reliable CSS scoping, you can install the CSS parser library via Composer:
<pre><code>composer install --no-dev
</code></pre>
Without the library, the plugin uses a regex fallback that works for most cases.
<h3>Credits</h3>
Developed by Levels Branding & Webdevelopment OG

Levels Block Editor Styles for Oxygen Builder

Syncs Oxygen Builder 4.x styles into the block editor for visual parity between editor and frontend.

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:
<ul>
<li>🎨 Automatic Class Sync – Figma classes become Oxygen global classes instantly</li>
<li>⚙️ Configurable Sync Mode – Choose create-only (safe) or create+update (aggressive)</li>
<li>🔤 Smart Font Matching – Automatically fixes font family mismatches (e.g., “BreeSerif” → “Bree Serif”) with 95%+ accuracy</li>
<li>♻️ Intelligent Duplicate Detection – Content-based image detection prevents duplicate uploads and saves storage space</li>
<li>📁 Smart Filename Resolution – Handles filename conflicts with size-based and incremental suffixes</li>
<li>📊 Visual Progress Tracking – Real-time progress indicator shows duplicate detection and upload status</li>
<li>🔧 Zero Configuration – Works automatically after activation</li>
<li>🎯 Silent Operation – All optimizations happen seamlessly in the background</li>
</ul>
Who is this for?
<ul>
<li>WordPress developers using Oxygen</li>
<li>Designers who hand off Figma files to WordPress teams</li>
<li>Agencies looking to speed up design-to-code workflows</li>
</ul>
<h3>Features</h3>
<ul>
<li>Enables seamless copy-paste from Figma to Oxygen 4</li>
<li>Paste directly into the Oxygen structure view</li>
<li>Works automatically after install</li>
<li>Clean, WordPress-standard code</li>
<li>Compatible with most caching and optimization plugins</li>
</ul>

Figma to Oxygen Builder – ready→made WordPress Integration

The official WordPress integration for the ready→made Figma plugin. Seamlessly copy-paste sections from your Figma designs into Oxygen Builder.

Levels Block Editor Styles for Oxygen Builder vs Figma to Oxygen Builder – ready→made WordPress Integration