To get the best results with ready→made, your Figma file must be properly structured. While your design might look fine visually, some elements may sit outside their intended frames or groups, making it difficult for the plugin to interpret them correctly. Also, if you haven’t used auto-layout, you're missing a powerful feature that benefits both Figma and ready→made.
We're currently developing a plugin that automatically structures Figma files to prepare them for seamless export. Stay tuned for updates here and on our
Discord channel.
Please review these guidelines carefully before copying your design into Oxygen.
Use Auto-Layout
Always apply Auto-Layout to your main frame in Figma. It ensures clean structure, consistent spacing, and smooth translation into WordPress via ready→made.
See Tutorial
Use a logical structure
Organize your layers based on spatial and functional logic — think columns, rows, cards, and containers. This clarity helps the plugin generate clean, maintainable output.
See Tutorial
Avoid masking images
Instead of masking, place images directly inside clearly structured groups. Complex masks can break layout parsing — keep it simple for a seamless import.
See Tutorial