FlowPaste: HTML and AI Code to Webflow Converter

Turn HTML and AI code from ChatGPT, Claude or v0 into Webflow you can edit, or capture a section from any website.

Turn HTML and AI code into Webflow you can edit. FlowPaste is a Chrome extension for Webflow freelancers, agencies and designers who build with AI: paste the code an AI tool or your own editor gives you, or capture a section from any website, and it lands in the Webflow Designer as real elements and classes, in your site's own fonts and colors, not as a code embed. HTML TO WEBFLOW CONVERTER Paste HTML and CSS, then press ⌘V (Ctrl+V) on the canvas. You get sections, headings, text, links, buttons, images, lists and native forms, with real classes, combo classes, tablet and mobile breakpoints, and hover, focus and pressed states you can change in the Style panel. AI CODE TO WEBFLOW In popular AI website builders such as Claude Design and Lovable, a Copy to Webflow button sends the design straight to Webflow, with no code to copy. Tailwind, React and JSX are rendered first, then converted into clean, named classes. MATCH MY SITE FlowPaste reads your site's fonts and colors in the Designer, so AI code arrives in your type and palette instead of Inter and Tailwind blue. GSAP TO WEBFLOW INTERACTIONS Page load, scroll into view, scroll scrub, click and hover animations are rebuilt as native Webflow Interactions you can open and edit. LIVE CAPTURE FOR WEBFLOW Pick a section on any website, or the whole page, and paste it into Webflow with its styles, fonts and images. Menus, tabs, accordions, sliders and scroll animations are recorded while you capture, a full page pastes as separate named sections with one ⌘V, and FlowPaste checks the copy against the page before you paste. PASTE REPORT AND FIX WITH AI Every result shows how much lands as editable Webflow and names anything that stays as custom code, with its selector. Fix with AI rewrites those parts so they convert too. LIBRARY, HISTORY AND CMS Start from 47 ready sections and effects, save your own to a library, and find every element you copied in the Designer in History, ready to paste into another project. Copy without CMS turns a Collection List into plain elements with its real content. HOW IT WORKS 1. Open your site in the Webflow Designer and click the FlowPaste button (or press Alt+Shift+F). 2. Paste your code, or capture a section with Alt+Shift+C, and copy the result. 3. Click the canvas and press ⌘V (Ctrl+V). WHAT STAYS AS CODE Webflow has no native version of pseudo-elements, CSS keyframes or inline SVG, so those paste as an Embed element and the paste report lists them. Fonts your site doesn't have show a fallback until you add them in Site settings. PLANS Free: 3 runs a day (3 HTML conversions, 3 element captures or 1 full-page capture), up to 8,000 characters per conversion. AI is part of Pro. Pro ($14.99/month or $89.99/year): unlimited conversions and captures, no size limit, separate CSS and JS inputs, AI with 300 AI credits a month (a simple section uses 1) and a cloud library. PRIVACY FlowPaste reads a web page only when you capture part of it or click Copy to Webflow, and reads your Webflow site's fonts and colors only to match them (you can turn that off). Code you convert isn't stored unless you save it to your library. When something fails, an error report (where it happened, the error message and the version, never your content) helps us fix it. A page is sent to us only if you choose Report this page. Full policy: https://flowpaste.com/privacy FlowPaste is made by Terabits Technolab. It's an independent product, not affiliated with or endorsed by Webflow, Inc. or the AI tools it works with.