Chrome extension · Free during beta
Insert code into Webflow with one click
The same converter as this site, built into Chrome. Paste HTML, Tailwind or AI-generated code, or capture a section from any page, and insert it into the Webflow Designer as native elements.
Insert without ⌘V
Paste your code in the extension popup and click Insert. The section lands inside the element you selected in Webflow, with real classes, hover states and breakpoints.
Capture any section
Point at a hero, pricing table or footer on a page you’re viewing and convert it with its real styles at all four Webflow breakpoints.
Your recent conversions
Every conversion is kept in the panel, so you can insert the same section into another page or project later.
Works with the web converter
Convert on htmltowebflow.app and click Send to extension. The result waits in the extension, ready to insert.
How it works
- 1
Open the extension
Click the extension icon while your project is open in the Webflow Designer.
- 2
Paste or capture
Paste code from Claude, ChatGPT, v0 or Cursor, or pick a section on another page.
- 3
Click Insert
Select where it should go in Webflow and click Insert. That’s it.
Questions
- Is the extension free?
- Yes, while we’re in beta. There’s no account and no daily limit.
- Does my code leave my computer?
- No. Conversion runs inside the extension in your browser. Your code and captured pages aren’t uploaded anywhere.
- Which permissions does it need?
- Access to Webflow Designer tabs, so it can insert sections there. When you capture a section from another site, Chrome asks for permission to read that one site first.
- Can I capture sections from any website?
- Technically yes, but only reuse designs you own or have permission to use. Capturing is great for moving your own pages into Webflow.