Free tool

Bricks → Etch Converter

Moving from Bricks to Etch? Paste your Bricks template export and get an Etch import bundle — global classes carried over, free.

Use the tool ↓ See ready→made

A growing part of the Bricks community is exploring Etch — but Etch doesn't read Bricks' own JSON format. This free converter turns your Bricks template export into native Etch elements: your global classes become Etch styles with the same names, each element's own styling is preserved, and responsive breakpoint overrides carry 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

    Export from Bricks

    In the Bricks admin go to Templates → Export, pick the template, and download the JSON file.

  2. 2

    Convert here

    Paste the file's contents below and hit Convert. Anything skipped or simplified is listed under the output.

  3. 3

    Import via free plugin

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

Bricks JSON Input

No Bricks JSON yet? Export your template (Bricks → Templates → Export) and paste the file's contents.

Bricks global classes are preserved as Etch styles with the same names. 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 Bricks→Etch converter is completely free, and so is the ready→made plugin that imports the result.

What do I paste in?

Your Bricks template export JSON (Bricks → Templates → Export). The tool also accepts a bare content array if that's what you have.

What happens to my global classes?

They're preserved: every Bricks global class becomes an Etch style with the same name, including its responsive breakpoint overrides. 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.

What can't be converted?

Dynamic content (post queries, post title/content tags, PHP code blocks, dynamic form submissions) needs a live WordPress context, so it's skipped with a note. Icon-font glyphs, sliders, tabs and accordions have no Etch equivalent yet — sliders/tabs/accordions convert to their content stacked in reading order instead of the original interactive layout.

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