Figma to Oxygen Builder – ready→made WordPress Integration
| 开发者 |
levelsdev
levels-branding |
|---|---|
| 更新时间 | 2025年7月7日 15:22 |
| PHP版本: | 7.2 及以上 |
| WordPress版本: | 6.8 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
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.1.0: Intelligent Font Matching
Automatically fixes font family mismatches between Figma and Oxygen. When you paste a design that uses "BreeSerif", it automatically converts it to "Bree Serif" - the correct Google Font name in Oxygen. Works silently in the background with 95%+ accuracy.
Core Features:
- 📋 Seamless Copy-Paste - Direct integration from Figma to Oxygen 4 via custom button
- 🔤 Smart Font Matching - Automatically fixes font family mismatches (e.g., "BreeSerif" → "Bree Serif")
- 🖼️ Image Processing - Automatic upload of temp images to WordPress Media Library
- ⚡ High Performance - Lightweight with minimal processing overhead
- 🔧 Zero Configuration - Works automatically after activation
- 🎯 Silent Operation - Fixes fonts without interrupting your workflow
- WordPress developers using Oxygen
- Designers who hand off Figma files to WordPress teams
- Agencies looking to speed up design-to-code workflows
安装:
- Upload the plugin folder to
/wp-content/plugins/ - Activate via the WordPress Plugins screen
- Install the ready→made Figma plugin
- Start copying sections from Figma and paste into Oxygen
屏幕截图:
常见问题:
Do I need to configure anything after installation?
No. Just activate it and you're ready to go.
What is ready→made?
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.
更新日志:
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
- Added upload image to Media Library functionality
- Initial release – adds Oxygen 4 support for ready→made Figma plugin