Documentation

Documentation

Everything you need to go from a Figma design to clean, structured code with ready→made — the deterministic Figma-to-code converter for Oxygen Classic, Oxygen 6, Gutenberg and plain HTML. Start with the tutorials, then see real before→after examples.

🎁 Free example website — grab the ready→made Example Website on Figma Community: a complete multi-page design built to convert cleanly. Duplicate it and try the whole workflow.

Tutorials

01 Getting started → 02 Choosing a target → 03 Preparing your Figma file → 04 Convert to Oxygen Classic → 05 Convert to Oxygen 6 → 06 Convert to Gutenberg → 07 Convert to HTML → 08 Finishing with AI →

Examples

01 Complete website → 02 Card grid → 03 Navigation bar → 04 Data table →
menu