Guides
Put your code into Webflow
Step-by-step procedures to change code from your tools to native Webflow elements.
By language
HTML to WebflowConvert HTML and CSS to native Webflow elements, classes, breakpoints and hover states. Paste into the Designer in 1 step. Free Chrome extension.Tailwind to WebflowPaste Tailwind HTML from ChatGPT, Claude or v0. FlowPaste gives you native Webflow elements with named classes and responsive breakpoints. No Tailwind runtime.GSAP to WebflowConvert gsap.from, timelines and ScrollTrigger animations to native Webflow Interactions that you can edit. Paste GSAP code and press ⌘V or Ctrl+V in Webflow.
By tool
Figma to WebflowFigma to Webflow has 2 routes: the official Webflow plugin for design systems, or Figma to code to FlowPaste for sections with classes and animations.AI code to WebflowMake a section with ChatGPT, Claude, v0, Cursor, Lovable or Bolt. Then use FlowPaste to paste it into Webflow as native elements, classes and Interactions.ChatGPT to WebflowConvert HTML, CSS or Tailwind from ChatGPT and paste the code into Webflow as native elements and classes that you can edit. FlowPaste does not use an Embed.Claude to WebflowConvert Claude HTML artifacts, Tailwind and GSAP code to native Webflow elements and Interactions. Paste the result into the Designer in 1 step.v0 to Webflowv0 makes React and Tailwind code. Move a v0 design into Webflow as native elements: capture the rendered preview with FlowPaste, or ask v0 for plain HTML.Cursor to WebflowPaste HTML from Cursor into FlowPaste, or use Live Capture on your localhost preview. FlowPaste gives you native Webflow elements, classes and Interactions.Lovable to WebflowLovable makes React apps. Capture sections from your Lovable preview or published site. Then paste the sections into Webflow with FlowPaste as native elements.Bolt to WebflowBolt.new makes full-stack apps. Capture the rendered sections with FlowPaste. Then paste the sections into Webflow as native elements that you can edit.Copy a website sectionCopy a section from a live website into Webflow as native elements, with the CSS of the section. Use Live Capture only on sites that you own or have rights to.
Articles
How to paste HTML into WebflowLearn 3 methods to put HTML into Webflow: the Embed element, a manual rebuild, or conversion to native elements. See when to use each method.Webflow Embed vs native elementsLearn when to use the Webflow Code Embed and when to convert code to native elements. Compare edits, SEO, performance, client edits and plan limits.