10up

Jeffrey Paul

Darin Kotter

<ul>
<li>Embed a Figma file using a block in the WordPress editor.</li>
<li>Paste a Figma URL on a new line in the Block Editor to automatically convert it to a Figma Embed block.</li>
<li>Block settings allow for altering margins of rendered Figma file embed</li>
</ul>
<h3>Getting Started</h3>
Once the plugin is installed and activated, you should see a new Figma Embed block. Insert this block into your content and enter the URL of the Figma file you want to embed.
Assuming it’s a valid URL, the block will automatically fetch the Figma file and display it in the editor. Once saved, this will also display on the front-end.

Embed Block for Figma

Display Figma files using an Embed block.

Levels Branding and Webdevelopment

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.

Embed Block for Figma vs Figma to Oxygen Builder – ready→made WordPress Integration