跟AI说了一句"帮我做个运动鞋品牌网站",结果出来的是Home、About、Products、Blog、Contact 五个页面外加滚动动画。
同样的提示词丢给v0或者Lovable,结果会不太一样。因为这两类工具其实从一开始就在做不同的东西。
这到底是个什么事?
Webflow在2026年2月5日重新发布了AI Site Builder。2025年初的首个beta说实话有点单薄,单页面、静态设计,基本就这些。
这次更新改了4件事,核心其实就一句话:"一句提示词,真出一个完整的网站"。
- 多页面生成
首次生成就能拿到最多5个页面的完整结构。Home、About、Products、Blog、Contact这种标准信息架构一次性给齐。 - 内置动画
滚动交互、悬停效果在生成阶段就一起做好,不是事后再补。后续在Webflow里微调细节。 - 重新设计的生成流程
以前是先选主题 → 再选颜色字体 → 再加页面,现在合并成一个连贯的流程。 - 企业级支持
权限和可访问性做了扩展,大团队也能真正用起来。
不过对我们来说,更有意思的是另一件事:同一类工具做出来的东西区别巨大。这才是这篇文章想讲的重点。
等等,这种工具不是已经一大堆了吗?
v0、Lovable、Bolt、Framer AI、Webflow…都在说"一句话建站"。但你真上手用,会发现产出的"质感"完全不同,适合的人也不同。
大致分成两派。一派吐代码(v0、Lovable、Bolt),另一派吐"可继续编辑的网站"(Webflow、Framer)。这个差异从哪儿来、为什么重要,下一节展开。
跟v0到底有什么不一样?
最大的分岔口是"AI做完之后,谁来继续动它"。
| 代码生成派 (v0、Lovable、Bolt) | 系统生成派 (Webflow、Framer) | |
|---|---|---|
| 产出物 | React/Next.js 代码 | 可在编辑器里继续改的网站 |
| 编辑方式 | IDE或聊天修改代码 | 可视化画布拖拽 |
| 谁来维护 | 开发者 | 设计师·营销 |
| 版本管理 | 直接接GitHub | 自带历史记录 |
| CMS / SEO | 自己接 | 开箱即用 |
v0的代码可以直接同步到GitHub,跟其他React项目融合。它的优势就是嵌进开发者工作流。Lovable思路相近,同时主打"iterate on your creation with simple feedback",对非开发者也敞开门。Bolt走得更远,后端、认证、数据库都帮你接上,直接给你一个全栈应用。
而Webflow的产出物是一个Webflow网站本身。AI生成出来的东西,设计师在同一家公司的可视化编辑器里能继续改。CMS集合、设计系统(色彩token、字体阶梯、间距)、托管,全都打包附送。Product Hunt上用户最常夸的就是"pixel-perfect control over responsive design",意思是这个控制权在AI生成之后还在你手里。
Framer AI也在同一阵营。Wireframer做布局,AI Translate做多语言,结果都在Framer画布里继续编辑。两家的区别:Webflow更擅长CMS和复杂站点结构,Framer更适合作品集和轻量落地页。
Webflow还有个小聪明的安排。除了AI Site Builder,他们另外推了AI Code Components。在已有的网站里,你可以用自然语言生成"价格计算器""搜索筛选器"这类交互组件。再叠上对Claude、Cursor MCP的支持,从IDE里就能下"把整站SEO元数据全审一遍"这种命令。把AI撒在工作流的多个环节,而不是只塞在入口。
怎么开始用
Webflow AI Site Builder已经从beta转正,除了Enterprise Workspace的客户,所有人都能用。常见路线是先在免费的Starter套餐里搭出来,要正式上线托管时再升级付费版。
- 在Webflow后台点 New Site
AI Site Builder的入口就在第一屏。已有Webflow账号的话,直接在同一个workspace开始。 - 提示词写长一点
"运动鞋品牌网站"远不如"面向中国市场的跑鞋品牌,极简风,需要About、Products、Blog、Contact几个页面"。调性、目标受众、页面结构,这三点最少要写到。 - 先看设计系统
生成完先扫一眼色彩token、字体阶梯、间距是否一致。底子歪了,后面页面改得越多越乱。 - 动画先别关
第一时间不要全关掉。先看AI给你铺的滚动交互,挑掉多余的,比之后再加要快。 - CMS和SEO最后处理
如果生成了Blog页面,把CMS集合接上。SEO元数据可以用Claude MCP连接器一次性审查并修改全站。
需要注意
中文提示词可以,但生成的文案大概率会以英文为主。中文文案基本都要后期重写一遍。另外Product Hunt上经常有人提"learning curve steep for beginners",AI Site Builder把入门门槛降低了,但真正的深度定制还是得啃Webflow的学习曲线。
想更深入了解
Webflow 2026年2月更新发布 多页面、动画、生成流程变化的官方说明 webflow.com
AI Code Components指南 用自然语言做价格计算器、问答、搜索筛选器 webflow.com
Webflow × Claude MCP Claude连接器能自动化的5件事:SEO审计、CMS回填、设计一致性 webflow.com
v0 by Vercel 代码生成派代表 — GitHub同步与一键部署 v0.app
Lovable "describe → working prototype → deploy" 三步走的代码生成建站工具 lovable.dev
Framer AI 把Wireframer、Workshop、AI Translate装进同一块画布的同阵营对手 framer.com
