Tutorials

Choosing a target

All six targets share one conversion engine, so fidelity reaches every format. Pick the one that matches where your site lives.

The six targets

  • Elementor: native Elementor containers and widgets. Copy in Figma, then right-click and choose Paste from other site in the Elementor editor. Works on Elementor 3 and 4. Overview →
  • Etch: Etch blocks with styles that stay editable in the Etch panel. For sites built on Etch.
  • Oxygen Classic — copy in Figma, paste directly into the Oxygen Builder canvas. Best for existing Oxygen 4.x sites. Guide →
  • Oxygen 6 — output structured for the rebuilt engine. For new builds and migrations onto Oxygen 6. Guide →
  • Gutenberg — native WordPress core blocks, editable in the block editor, no page-builder lock-in. Guide →
  • HTML — semantic markup + deduplicated, class-based CSS. The universal, AI-ready output. Guide →

Which should I use?

  • On Elementor? Use the Elementor target. The section lands as real containers you keep editing in Elementor.
  • Already on Oxygen? Use the matching Oxygen target — you paste straight into the builder and keep editing visually.
  • Building in WordPress without a page builder? Gutenberg gives you clean core blocks you can hand to any editor.
  • Custom stack, a static site, or handing off to AI? HTML is the portable foundation — semantic tags and readable class CSS that any framework or LLM can build on.

You can convert the same selection to more than one target — the engine reads your design once and emits each format from the same structure. See it side by side in the Card grid example.

menu