Free tool

Oxygen → Etch Converter

Moving from Oxygen Classic to Etch? Paste your Oxygen JSON and get an Etch import bundle — structure and CSS classes included, free.

Use the tool ↓ See ready→made

Etch is where much of the Oxygen community is heading — but it doesn't read Oxygen's builder data. This free converter turns your Oxygen Classic JSON into native Etch elements: your CSS classes become Etch styles, each element's own styling is preserved, and Oxygen's section layout (constrained inner width, container padding) is carried over. Import the bundle in one step with the free ready→made WordPress plugin (Settings → ready→made Import) — it creates the page and registers every style in Etch's stylesheet store.

  1. 1

    Copy in Oxygen

    Select the element or section in the Oxygen builder and press Ctrl+C — the JSON lands on your clipboard.

  2. 2

    Convert here

    Paste it below, hit Convert, copy the Etch import bundle.

  3. 3

    Import via free plugin

    On your Etch site: Settings → ready→made Import → paste → the page is created with all styles registered.

Oxygen 4.9 JSON Input

No Oxygen JSON yet? Select an element in the Oxygen builder and press Ctrl+C.

Classes are preserved as Etch styles. Import with the free ready→made plugin: WP admin → Settings → ready→made Import → paste → it creates the page and registers every style in Etch's stylesheet store.

Heads-up: pasting the raw markup into Gutenberg without the plugin inserts unstyled structure — Etch renders styling from its style store, which the import step fills.

Etch Import Bundle

From the makers of ready→made

Building from a Figma design instead?

ready→made converts your Figma designs straight into Etch, Oxygen 6, Gutenberg or clean HTML — real structure from a real layout engine.

See ready→made →
FAQ

Good to know.

Is this really free?

Yes — the Oxygen→Etch converter is completely free, and so is the ready→made plugin that imports the result.

What do I paste in?

Your Oxygen Classic component/page JSON (select an element in the Oxygen builder and copy it). The tool returns an Etch import bundle.

What happens to my CSS classes?

They're preserved: every class becomes an Etch style with the same name, and each element's own styling becomes a style named after its Oxygen selector. Etch renders them from its stylesheet store — fully editable in Etch's style panel afterwards.

Why do I need the plugin?

Etch renders styling from its style store, not from pasted markup. The free ready→made plugin adds an import page (Settings → ready→made Import) that creates the page and registers all styles in one step.

I'm starting from a design, not an old build.

Then use ready→made to convert the Figma design directly.

Ready?

Build a real site from your Figma file — in minutes.

Get ready→made Try free in Figma →
menu