Changeset 3310993
- Timestamp:
- 06/13/2025 10:31:39 AM (10 months ago)
- Location:
- ready-made-oxygen-integration
- Files:
-
- 2 added
- 3 edited
-
assets/screenshot-1.png (added)
-
assets/screenshot-2.png (added)
-
tags/1.0.1/README.md (modified) (2 diffs)
-
tags/1.0.1/readme.txt (modified) (2 diffs)
-
tags/1.0.1/ready-made-oxygen-integration.php (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
ready-made-oxygen-integration/tags/1.0.1/README.md
r3306926 r3310993 1 1 # Ready-Made Oxygen Integration 2 2 3 [](https://readymade.com)3 [](https://levels.dev) 4 4 [](https://wordpress.org) 5 5 [](https://oxygenbuilder.com) 6 6 [](https://www.gnu.org/licenses/gpl-2.0.html) 7 7 8 Essential WordPress plugin for integrating the Ready-Made Figma pluginwith Oxygen 4, enabling seamless copy-paste functionality from Figma designs to Oxygen Builder.8 Essential WordPress plugin for integrating the [Ready-Made Figma plugin](https://www.figma.com/community/plugin/1492108013732875788) with Oxygen 4, enabling seamless copy-paste functionality from Figma designs to Oxygen Builder. 9 9 10 ## Description 10 --- 11 11 12 [Ready-Made Oxygen Integration](https://www.figma.com/community/plugin/1492108013732875788/figma-to-oxygen-builder-for-wordpress-read-made) is a required component for designers using the [Ready-Made Figma plugin](https://www.figma.com/community/plugin/1492108013732875788/figma-to-oxygen-builder-for-wordpress-read-made) with Oxygen Builder. This lightweight WordPress plugin adds the necessary JavaScript integration points to your WordPress site to enable the copy-paste functionality between Figma designs and Oxygen 4. 13 You will get a new Button in your oxygen Editor to paste contents from the ready-make figma plugin. 12 ## 🚀 Description 13 14 This plugin connects your WordPress/Oxygen installation with the [ready→made Figma plugin](https://www.figma.com/community/plugin/1492108013732875788), enabling developers and designers to copy sections from Figma and paste directly into Oxygen Builder’s structure view. 15 16 You’ll get a new button in the Oxygen editor, allowing you to insert copied components from Figma with full structure and class preservation. 14 17 15 18 ### Features 16 19 17 - Enables seamless copy-paste from Figma to Oxygen 418 - Works with the Ready-Made Figma plugin19 - No configuration needed - plug and play20 - Lightweight with minimal impact on site performance21 - Simple verification via browser console20 - ✅ Copy-paste from Figma to Oxygen 4 21 - ✅ Zero configuration – plug and play 22 - ✅ Lightweight and fast (no bloat) 23 - ✅ Clean integration with verified console feedback 24 - ✅ Works with class systems like Automatic.css 22 25 23 26 ### How It Works 24 27 25 The plugin adds a small JavaScript snippet to your WordPress footer that creates the necessary integration point between the Ready-Made Figma plugin and Oxygen Builder. When you copy elements from Figma using Ready-Made, this plugin enables Oxygen to properly interpret and render those elements.28 A lightweight JS snippet is injected into the Oxygen editor footer to provide a bridge between your Oxygen install and the Figma plugin. Once active, elements copied in Figma become paste-ready in Oxygen with one click. 26 29 27 ## Installation 30 --- 28 31 29 ## # From WordPress.org (Coming Soon)32 ## 📦 Installation 30 33 31 1. In your WordPress admin, go to Plugins > Add New 32 2. Search for "Ready-Made Oxygen Integration" 33 3. Click "Install Now" and then "Activate" 34 ### From WordPress.org 34 35 35 ### Manual Installation 36 1. Go to *Plugins > Add New* 37 2. Search for **Figma to Oxygen Builder** 38 3. Click *Install Now* and *Activate* 36 39 37 1. Download the latest release ZIP from this repository 38 2. In your WordPress admin, go to Plugins > Add New > Upload Plugin 39 3. Choose the downloaded ZIP file and click "Install Now" 40 4. Activate the plugin 40 ### Manual Upload 41 41 42 ### Via Composer 42 1. Download ZIP 43 2. Go to *Plugins > Add New > Upload Plugin* 44 3. Select the file and activate 43 45 44 ```bash45 composer require readymade/oxygen-integration46 ```47 46 48 ## Requirements 47 --- 49 48 50 - WordPress 5.0 or higher 51 - Oxygen Builder 4.0 or higher 52 - Ready-Made Figma plugin (latest version) 53 - Modern browser (Chrome, Firefox, Safari, Edge) 49 ## 🧰 Requirements 54 50 55 ## Verification 51 - WordPress 5.0+ 52 - Oxygen Builder 4.0+ 53 - [ready→made Figma Plugin](https://www.figma.com/community/plugin/1492108013732875788) 54 - Chrome, Firefox, Safari, Edge (latest) 56 55 57 To verify that the plugin is working correctly: 56 --- 57 58 ## ✅ Verification 58 59 59 60 1. Activate the plugin 60 2. Open Oxygen Editor on any page61 3. Open your browser's developer console (F12 or Ctrl+Shift+I in most browsers)62 4. Look for the message "Ready-Made Oxygen Integration active"61 2. Open Oxygen Editor 62 3. Open the dev console (F12) 63 4. Look for: `"Ready-Made Oxygen Integration active"` 63 64 64 If you see this message, the integration is working properly. 65 --- 65 66 66 ## Frequently Asked Questions67 ## ❓ FAQ 67 68 68 ### Do I need to configure anything after installation? 69 ### Do I need to configure anything? 70 No. Just activate it. 69 71 70 No, the plugin works automatically after activation. No configuration is needed. 72 ### What is ready→made? 73 A Figma plugin that copies structured elements for direct pasting into Oxygen. 71 74 72 ### What is Ready-Made? 75 ### Does this slow my site down? 76 No. It's only active in the Oxygen editor. 73 77 74 Ready-Made is a Figma plugin that allows developers and designers to select and copy sections from a Figma design and paste them directly into Oxygen 4. This WordPress plugin provides the necessary integration for that functionality to work. 78 --- 75 79 76 ## # Will this plugin slow down my site?80 ## 🛠️ Troubleshooting 77 81 78 No, the plugin is very lightweight and only adds a small script to your site's footer. 82 If pasting doesn’t work: 79 83 80 ### Is this plugin compatible with caching plugins? 84 - Ensure plugin is active 85 - Clear browser cache 86 - Confirm you’re using Oxygen 4+ 87 - Disable conflicting plugins temporarily 81 88 82 Yes, this plugin is compatible with most caching plugins, but you may need to clear your cache after installation. 89 --- 83 90 84 ## Troubleshooting91 ## 🧑💻 Support 85 92 86 ### The copy-paste functionality isn't working 93 Email: [[email protected]](mailto:[email protected]) 87 94 88 - Make sure the plugin is activated 89 - Clear your browser cache 90 - Ensure you're using the latest version of the Ready-Made Figma plugin 91 - Check that you're using Oxygen 4 (not earlier versions) 95 Include WP version, Oxygen version, and browser. 92 96 93 ### Plugin conflicts 94 95 If you're experiencing issues, try temporarily disabling other plugins to check for conflicts, especially: 96 97 - Other clipboard-related plugins 98 - JavaScript optimization plugins 99 - Security plugins that might block the integration 100 101 ## Support 102 103 For support with this integration: 104 105 - Email <[email protected]> 106 107 Please include your WordPress version, Oxygen version, and browser information when requesting support. 97 --- 108 98 109 99 ## Contributing … … 111 101 Contributions to this plugin are welcome! Please feel free to submit a Pull Request. 112 102 113 ### Development 103 --- 114 104 115 1. Clone this repository 116 2. Install dependencies: `npm install` 117 3. Make your changes 118 4. Test thoroughly with Oxygen 4 and the Ready-Made Figma plugin 119 5. Submit a pull request 105 ## 📜 License 120 106 121 ## License 107 GPL v2 or later – [View License](https://www.gnu.org/licenses/gpl-2.0.html) 122 108 123 This plugin is licensed under the [GPL v2 or later](https://www.gnu.org/licenses/gpl-2.0.html). 109 --- 124 110 125 ## Changelog111 ## 📓 Changelog 126 112 127 ### 1.0.0 - Initial Release 113 ### 1.0.1 – Image Upload Feature 114 - Added image upload support to WordPress Media Library 128 115 129 - First public release 130 - Basic integration with Ready-Made Figma plugin 131 - Support for Oxygen 4 132 133 ### 1.0.1 - Image Upload Feature 134 - Added upload image to Media Library functionality 116 ### 1.0.0 – Initial Release 117 - Integration with ready→made Figma plugin 118 - Copy-paste Oxygen sections from Figma 135 119 136 120 --- -
ready-made-oxygen-integration/tags/1.0.1/readme.txt
r3306926 r3310993 1 === Ready-Made OxygenIntegration ===2 Contributors: levelsdev, Levels Branding and Webdevelopment OG1 === Figma to Oxygen Builder – ready→made WordPress Integration === 2 Contributors: levelsdev, levels-branding 3 3 Website: https://levels.dev 4 Tags: oxygen, figma, design, integration4 Tags: figma, figma to wordpress, figma plugin, figma to oxygen, oxygen builder, wordpress integration, design to code, copy paste figma, figma export, wp oxygen, oxygen paste, ready made 5 5 Requires at least: 5.0 6 6 Tested up to: 6.8 … … 10 10 License URI: https://www.gnu.org/licenses/gpl-2.0.html 11 11 12 Essential integration for the Ready-Made Figma plugin to enable copy-paste functionality with Oxygen 4. 12 The official WordPress integration for the ready→made Figma plugin. 13 Seamlessly copy-paste sections from your Figma designs into Oxygen Builder. 13 14 14 15 == Description == 15 16 16 Ready-Made Oxygen Integration is an essential plugin for designers using the Ready-Made Figma plugin with Oxygen 4. This lightweight plugin adds the necessary JavaScript code to your WordPress site to enable the copy-paste functionality between Figma designs and Oxygen 4. 17 Figma Plugin: https://www.figma.com/community/plugin/1492108013732875788/figma-to-oxygen-builder-for-wordpress-read-made 17 **Turn Figma designs into editable Oxygen Builder sections – copy & paste, just like that.** 18 18 19 **Features:** 19 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. 20 20 21 * Enables seamless copy-paste from Figma to Oxygen 4 22 * Paste figma content in oxygen structure view via custom button in the oxygen editor. 23 * Works with the Ready-Made Figma plugin 24 * Clean, commented code following WordPress standards 25 * Minimal impact on site performance 26 * No configuration needed - install and it works 21 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. 22 23 **Who is this for?** 24 25 - WordPress developers using Oxygen 26 - Designers who hand off Figma files to WordPress teams 27 - Agencies looking to speed up design-to-code workflows 28 29 == Features == 30 31 - Enables seamless copy-paste from Figma to Oxygen 4 32 - Paste directly into the Oxygen structure view 33 - Works automatically after install 34 - Clean, WordPress-standard code 35 - Compatible with most caching and optimization plugins 27 36 28 37 == Installation == 29 38 30 1. Upload the `wp-ready-made` folder to the `/wp-content/plugins/` directory 31 2. Activate the plugin through the 'Plugins' menu in WordPress 32 3. Start using the Ready-Made Figma plugin to copy designs to Oxygen 4 39 1. Upload the plugin folder to `/wp-content/plugins/` 40 2. Activate via the WordPress Plugins screen 41 3. Install the ready→made Figma plugin 42 4. Start copying sections from Figma and paste into Oxygen 33 43 34 44 == Frequently Asked Questions == 35 45 36 46 = Do I need to configure anything after installation? = 47 No. Just activate it and you're ready to go. 37 48 38 No, the plugin works automatically after activation. No configuration is needed. 49 = What is ready→made? = 50 A Figma plugin that turns designs into editable WordPress layout code, ready for Oxygen Builder. 39 51 40 = What is Ready-Made? = 52 = Will this slow down my site? = 53 No. It loads a lightweight script only in the Oxygen editor context. 41 54 42 Ready-Made is a Figma plugin that allows designers to select and copy sections from a Figma design and paste them directly into Oxygen 4. This WordPress plugin provides the necessary integration for that functionality to work.43 44 = Will this plugin slow down my site? =45 46 No, the plugin is very lightweight and only adds a small script to your site's footer.47 48 = Is this plugin compatible with caching plugins? =49 50 Yes, this plugin is compatible with most caching plugins, but you may need to clear your cache after installation.51 55 52 56 == Screenshots == 53 57 54 1. Ready-Made Figma plugin interface55 2. Copy-paste functionality in action between Figma and Oxygen 4 58 1. ready→made Figma plugin in action 59 3. Paste in action – Oxygen Builder 56 60 57 61 == Changelog == 58 62 63 = 1.0.1 = 64 * Added upload image to Media Library functionality 65 59 66 = 1.0.0 = 60 * Initial release with integration for Ready-Made Figma plugin 61 62 = 1.0.1 = 63 + Added upload image to Media Library functionality 67 * Initial release – adds Oxygen 4 support for ready→made Figma plugin 64 68 65 69 == Upgrade Notice == 66 70 67 = 1.0. 0=68 I nitial release - essential for using Ready-Made Figma plugin with Oxygen 471 = 1.0.1 = 72 Improved integration – adds support for image uploads during copy-paste. -
ready-made-oxygen-integration/tags/1.0.1/ready-made-oxygen-integration.php
r3306915 r3310993 4 4 5 5 /** 6 * Plugin Name: Ready-Made OxygenIntegration6 * Plugin Name: Figma to Oxygen Builder – ready→made WordPress Integration 7 7 * Plugin URI: https://levels.dev/automatic-webdevelopment-from-figma-via-copy-paste 8 8 * Description: Essential integration for the Ready-Made Figma plugin to enable copy-paste functionality with Oxygen 4.
Note: See TracChangeset
for help on using the changeset viewer.