# Convert HTML / a URL to components

Turn pasted HTML, a Figma export, or a live URL into validated, token-driven builder components — not a dumped block of foreign markup. This kicks in whenever the source is code or a link rather than a flat image.

## When to use
– A user pastes raw HTML/CSS and wants it rebuilt natively in the site builder.
– A Figma “copy as HTML”/dev-mode export needs to become real components.
– “Recreate this page/section from this URL” — rebuild a live page in the current stack.

## Principles
– Detect the stack FIRST — builder (EtchWP vs Bricks), theme, and ACSS — before parsing anything.
– Map to REAL builder elements; never paste raw HTML into an HTML/code block as the final result.
– Strip inline styles and hardcoded values into ACSS tokens + global classes.
– Replace raw `

`, `