# Webflow (AI site builder)

Source: https://useronboarding.ai/companies/webflow-ai-site-builder

- Category: Onboarding that uses AI
- Type: Creative
- Product: https://webflow.com/ai-site-builder

Webflow's AI site builder replaces the blank canvas with a prompt. You describe the site and its audience, then shape a generated multi-page draft in three steps (structure, theme, polish) before dropping into the full Designer.

## Notes

- The flow has four steps on the product page: 'Describe your vision' (share what you're building and who it's for), 'Add some structure' (add, remove or reorder sections and pages), 'Make it your own', and 'Go further' in the full Webflow editor.
- The prompt box reads 'Tell us what your site is all about. Include helpful information like the audience and goal', and the page offers preset prompts (Fintech, Enterprise AI startup, Design agency).
- Theme customization covers '8 editable categories, including animation presets with GSAP'; the illustration shows swappable heading/paragraph/color themes over the generated page.
- The output is 'a functional site and a foundational design system' built on Flowkit, Webflow's CSS framework, not a one-off layout.
- Launched February 2025; after generation, Webflow AI keeps helping inside the editor with new pages, CMS items and SEO/AEO.

## Patterns

prompt-to-workspace, generated first project, structure-then-style wizard

## Screens

- ![Step 1 prompt: 'Tell us what your site is all about. Include helpful information like the audience and goal.' (converted from AVIF)](https://useronboarding.ai/images/webflow-1.jpg) Step 1 prompt: 'Tell us what your site is all about. Include helpful information like the audience and goal.' (converted from AVIF) (source: https://webflow.com/ai-site-builder)
- ![Step 2: adding a Hero section to the generated structure (converted from AVIF)](https://useronboarding.ai/images/webflow-2.jpg) Step 2: adding a Hero section to the generated structure (converted from AVIF) (source: https://webflow.com/ai-site-builder)
- ![Step 3: theme picker restyling the generated 'Online Store' page (converted from AVIF)](https://useronboarding.ai/images/webflow-3.jpg) Step 3: theme picker restyling the generated 'Online Store' page (converted from AVIF) (source: https://webflow.com/ai-site-builder)
- ![Generated page for the example floral studio prompt (converted from AVIF)](https://useronboarding.ai/images/webflow-4.jpg) Generated page for the example floral studio prompt (converted from AVIF) (source: https://webflow.com/ai-site-builder)

## Articles

- [Build sites that scale with Webflow's AI site builder](https://webflow.com/blog/ai-site-builder): Webflow Blog (by the product team)
- [Build a site with Webflow's AI site builder](https://help.webflow.com/hc/en-us/articles/38840145286035-Build-a-site-with-Webflow-s-AI-site-builder): Webflow Help Center (by the product team)
- [Webflow Unveils AI Prompt-to-Production, a New Way to Build with AI](https://www.prnewswire.com/news-releases/webflow-unveils-ai-prompt-to-production-a-new-way-to-build-with-ai-302558866.html): PR Newswire (Webflow) (by the product team)

## Cited in

- [Can you skip the questionnaire by reading context the user already has?](https://useronboarding.ai/questions#context-not-questions)
- [Should the first output be finished or a draft?](https://useronboarding.ai/questions#draft-first)