Features / AI section generator
Make Webflow sections with AI
Open the AI tab in the FlowPaste panel. Describe the section you want, drop a screenshot to recreate, or both. FlowPaste writes clean code and converts it to native Webflow elements, classes, breakpoints and Interactions. Then ask for changes until it's right. To change a section that's already on your canvas, copy it in Webflow and paste it into the AI tab.
[IN]Prompts that work well
A pricing section with three plans, a monthly/yearly switch and a highlighted middle plan. Dark background. (screenshot) Recreate this hero. Use our blue, #146ef5. Make the cards stack on tablet and add a fade-up on scroll.
[OUT]What you get in Webflow
- Native elements with readable class names (pricing-card, pricing-card-title)
- Tablet and mobile styles at Webflow's breakpoints
- Hover and focus states
- Simple GSAP motion → Webflow Interactions
Steps
- In the Designer, open FlowPaste → AI.
- Describe the section, or paste a screenshot.
- Click Generate & copy, then press ⌘V or Ctrl+V on the canvas. Type a follow-up to change it.
Limits
- AI is part of Pro: 300 AI credits a month. A simple section uses 1 credit; bigger sections and edits use more (up to 6).
- Images are placeholders. Replace them with your own.
Questions
Does an AI change replace the section on my canvas?
No. You get a new version to paste. Your canvas stays as it is until you paste.
Which AI model does FlowPaste use?
Claude by Anthropic.