Export
Into Webflow
One click converts the page and puts it on your clipboard. Paste it into the Designer and it arrives as real elements, not a code embed.
Copy and paste
- Press Copy to WebflowHTFlow converts the page into Webflow's own clipboard format and writes it to your clipboard.
- Click on the Webflow canvasOpen the target project and give the canvas focus — Webflow reads the clipboard on paste, so it needs to be the active surface.
- PasteThe structure appears as native elements, each carrying the class names the agent wrote.
What arrives as a native element
| In your section | In Webflow |
|---|---|
| Headings h1–h6 | Heading elements |
| Paragraphs | Paragraph elements |
| Links | Link blocks and text links |
| Buttons | Button elements |
| Images | Image elements with their alt text |
| Form labels and inputs | Form elements |
| Divs and sections | Div blocks and Sections |
| Inline emphasis | Spans and Strong |
Each of these keeps its class, so Webflow's Style panel shows the same names you saw in HTFlow's navigator.
What to expect to finish by hand
The conversion covers structure and styling. A handful of things are yours once it lands:
- Images. Generated pages use Unsplash URLs — swap them for your own assets.
- Components. Repeated blocks arrive as repeated elements; turn them into Webflow Components yourself. See Making components.
- CMS bindings. Collections and dynamic lists are set up in Webflow after the import.
- Minor tweaks. Spacing or type you want to nudge now that it is in the Designer.
Interactions and JavaScript
Sections that carry JavaScript keep it as custom code. The markup it drives arrives natively, and because selection binds to data-ht-* attributes rather than classes, renaming those classes in Webflow does not break the behaviour.