Webflow AI

Webflow AI是什么？

Webflow AI是Webflow可视化网站开发平台中的一组人工智能能力，覆盖网站创建、版式设计、文案与CMS内容生成、SEO和AEO优化、交互式代码组件、应用开发以及上下文帮助。它不是独立的图片生成器，而是直接工作在Webflow Designer、CMS和网站运营流程中。

Webflow原本以可视化HTML、CSS和响应式设计见长，AI功能进一步降低了从空白画布开始的门槛。用户可以先用AI生成网站框架，再利用Webflow的布局、样式、组件、动画、CMS和托管能力继续完成生产级网站。

AI Site Builder智能建站

AI Site Builder会根据企业或项目说明生成网站主题、首页结构和设计系统。用户选择方向后，可以调整颜色、字体、按钮和布局，再进入Designer继续编辑和发布。

该功能适合新项目和原型，不是把AI套到任何既有Webflow站点上的通用转换器。官方帮助说明，它只能在创建新网站时使用，或继续编辑原本由AI Site Builder生成的网站。

多页面网站生成

在AI生成站点中，用户可以继续创建About、Contact、Team等页面。没有付费Site plan或Workspace plan时，AI站点通常限制为两个静态页面，自动生成的Style Guide页面不计入其中；

付费方案可生成更多页面。

页面生成后应检查导航、表单、链接、移动端布局和重复内容。AI创建页面并不会自动完成法律声明、隐私政策、Cookie同意和真实业务数据配置。

AI设计区块

Webflow AI Assistant可以根据当前网站的样式和内容生成新的页面区块，并尽量匹配既有设计系统。它适合快速添加定价、功能介绍、客户评价、FAQ、CTA等常见版块。

设计区块目前仍会受到模板、站点来源和功能发布阶段限制。生成结果需要检查类名、组件复用、断点样式和可访问性，避免为每个区块复制大量难以维护的样式。

可视化设计与响应式控制

AI生成完成后，用户仍可使用Webflow Designer控制Grid、Flexbox、定位、字体、变量、组件、交互动画和不同屏幕断点。相比只输出静态截图的AI设计工具，Webflow AI的结果可以直接进入真实网页开发流程。

可视化操作本质上仍在创建前端结构和CSS。团队最好建立命名规范、组件库和设计变量，避免多轮AI生成造成样式重复与页面体积增长。

AI文案生成与改写

Webflow AI可在页面和CMS中生成、缩短、扩写或调整文案语气，并创建SEO标题和描述。付费Workspace或Site plan通常是使用文案生成功能的前提，相关操作会消耗AI积分。

品牌文案应提供受众、价值主张、禁用词和事实资料。AI可能生成无法证实的客户数量、效果承诺或产品能力，发布前必须由业务负责人核对。

CMS内容生成

用户可以让AI生成CMS Collection项目，用于博客、案例、成员、目录和内容型网站。它能加快创建初稿和结构化字段的速度，尤其适合已有明确内容模板的团队。

批量内容要防止重复、关键词堆砌和事实错误。图片版权、作者信息、发布时间、引用和结构化数据仍应人工检查，重要内容不应直接无审核发布。

SEO与AEO优化

Webflow AI可协助生成和改进页面标题、描述以及技术和页面层面的SEO与AEO建议。AEO侧重让内容更容易被问答引擎和AI搜索理解，相关能力会随方案和产品版本扩展。

AI建议不等于排名保证。网站还要处理搜索意图、内容质量、内部链接、规范地址、索引、性能、结构化数据和外部权威信号。

AI Code Components

AI Code Components允许用户用提示创建定价计算器、多步骤表单、图库等React交互组件。编辑界面同时提供代码、预览和AI对话，AI会参考网站样式和变量来生成组件。

创建组件需要相应站点角色并启用Webflow AI；发布包含AI Code Components的网站还需要CMS Site plan或更高等级，以及付费Workspace plan。

生成代码必须测试输入校验、移动端、错误状态、依赖和安全风险。

AI应用生成

Webflow正在把AI能力从营销网站扩展到Web应用，可结合Webflow Cloud和开发工具创建更复杂的全栈体验。应用生成与普通静态页面的部署、计算和数据需求不同，应根据当前可用范围和账户方案判断。

对登录、数据库、支付和服务器逻辑要求较高的项目，需要单独设计权限、存储、日志和回滚。AI能缩短搭建时间，但不能替代应用架构与安全评审。

上下文帮助助手

Webflow AI Assistant可在Designer内检索官方帮助中心，为当前操作提供说明和思路。该上下文问答目前不消耗Webflow AI积分，但存在问题次数限制，接近上限时产品会提示重置时间。

助手回答可能出错或落后于界面更新。涉及账单、发布、数据删除和域名设置时，应继续核对当前官方帮助页面和账户提示。

Webflow Optimize

Webflow Optimize用于个性化和实验，通过AI帮助生成与优化不同访客体验。它属于独立附加产品，其AI功能不消耗Workspace通用AI积分，而是按Optimize自身方案计费。

实验需要足够流量、明确指标和统计判断。不能只因某个短期版本转化率更高就永久替换，也要检查品牌一致性、页面性能和隐私合规。

Webflow Localize

Webflow Localize提供本地化站点结构、语言版本和翻译工作流，并可使用AI协助翻译内容。Localize同样采用独立价格体系，其AI功能不从通用AI积分中扣除。

自动翻译要审核品牌名称、法律文本、货币、日期、SEO元数据和地区表达。语言版本还需要正确配置URL、语言标记和发布流程。

Webflow Analyze与数据

Webflow的站点分析能力可帮助团队理解流量和页面表现，新的AI交互还可围绕分析数据进行提问。Analyze的购买和功能范围应按独立产品页面判断，不能假设包含在普通AI积分或Site plan中。

数据分析结果需要结合时间范围、流量来源和转化定义解释。低样本量下的AI总结容易把随机变化误写成趋势。

Workspace与Site plan的区别

Workspace plan管理团队、席位、项目开发能力和AI积分；Site plan负责某个网站的自定义域名发布、托管流量、页面与CMS额度。

一个团队可能同时支付Workspace、多个Site plan以及Optimize、Analyze、Localize等附加产品。

只购买Workspace并不代表所有网站都能以自定义域名上线；只购买Site plan也不一定开放全部团队和开发能力。

选购时应分别核对协作、AI、托管和附加产品。

AI积分如何计算？

AI积分按Workspace分配并由成员共享。拥有Full或Limited席位且角色符合要求的成员可以使用需积分的功能。

自助Workspace按月重置，Team和Enterprise按年重置，未用积分不会结转。

消耗比例是动态的，Webflow没有公布每次操作固定价目表。复杂任务通常比简单任务消耗更多，实际使用可在Workspace的Usage页面按功能查看。

哪些功能消耗AI积分？

当前会消耗积分的主要功能包括生成文案、CMS项目、SEO与AEO改进、AI Code Components以及AEO agents。AI建站、设计区块、应用生成和上下文帮助目前不消耗这套通用积分。

Webflow可能逐步把更多功能纳入积分体系。目录中的额度与消耗规则应以当前账户使用页面为准。

免费Starter额度

Starter Workspace每月包含200点AI积分，可长期免费试用Webflow基础能力。免费AI站点页面数和发布能力有限，适合学习Designer、测试提示和制作小型演示。

免费Workspace的AI积分也会按月清零。若要使用自定义域名、更多页面、CMS发布或高级代码组件，需要相应付费计划。

Core、Freelancer、Growth和Agency额度

Core与Freelancer Workspace每月各含300点AI积分；Growth与Agency每月各含400点。

积分在各自Workspace内共享，不能把多个Workspace余额合并。

代理机构作为Guest在客户Workspace工作时，当前规则下消耗通常从代理机构自己的Workspace扣除，而不是客户余额；历史Guest角色可能不具备该资格。

Team与Enterprise额度

Team plan每年含100000点AI积分，并把站点、10个席位、Localize以及部分高级能力打包，采用年度合同和销售咨询方式。Scale、Enterprise和Enterprise+的积分为定制额度。

企业购买时应同时询问席位、站点、日志、权限、支持、数据处理和附加积分价格，而不是只比较积分数字。

价格与版本对比

AI积分加购价格

Starter、Core、Growth、Freelancer和Agency可以购买AI Credit Pack。每个加购包增加每月2000点，最多可叠加15个；

月付为25美元/月，年付折算为20美元/月。

积分用尽不会自动升级或产生意外超额收费，相关AI功能会暂停，直到余额重置或主动购买加购包。

2026年Site plan价格

自2026年5月13日起，新购Basic Site plan为年付15美元/月或月付25美元/月，静态页面上限提高到300。CMS与Business被整合为Premium，新购价格为年付25美元/月或月付39美元/月，并包含20000个CMS项目和40个Collections。

既有站点按账户类型和续费日期分阶段迁移，Freelancer、Agency或旧版价格的切换时间可能更晚。电商Site plan当次调整没有变化，具体价格应查看结算页。

带宽与附加成本

Premium包含的带宽与旧Business方案不同，超出后可购买带宽包。连续超限可能触发套餐调整，较大流量网站应根据真实带宽而不是基础月费估算。

域名、付费模板、第三方表单与自动化、应用市场服务、Optimize、Analyze、Localize和额外席位都可能另行收费。

AI治理与数据控制

生成式AI可在Workspace层级开启或关闭，企业还可使用更细的角色控制和审计能力。Webflow采用多模型策略，与OpenAI、Anthropic、Google等供应商合作，并按不同功能选择模型。

团队应先确认允许发送给AI的内容范围。客户未发布文案、个人信息、商业机密和受监管数据需要结合合同与隐私要求评估。

官方开发者工具与GitHub

Webflow提供API、CLI、Designer Extension、DevLink、Webflow Cloud以及官方GitHub组织中的SDK、技能和示例。DevLink可把设计组件同步到React或Next.js项目，CLI可支持代码组件、扩展和云应用工作流。

这些开发工具能够扩展Webflow，但不代表Webflow Designer、托管平台或Webflow AI整体开源。每个GitHub仓库的许可证和维护状态应单独查看。

是否开源？

Webflow AI和Webflow核心SaaS平台是闭源商业服务。官方公开了SDK、CLI、技能和部分示例代码，开发者可通过API和工具集成，但无法自行部署完整Webflow AI平台。

Webflow AI使用教程

完成一次基础任务

1. 确定受众、平台、画幅、时长和必须表达的信息；
2. 在Webflow AI中准备脚本、镜头或有权使用的参考素材；
3. 选择AI Site Builder智能建站并生成低成本预览；
4. 使用多页面网站生成调整画面、节奏、字幕和声音；
5. 逐帧检查人物、文字、Logo、口型和事实准确性；
6. 确认音乐、肖像和素材授权后导出目标规格；

建立可复用的专业工作流

1. 建立脚本、镜头表、品牌素材和禁用元素清单；
2. 为AI Site Builder智能建站、多页面网站生成和AI设计区块保存统一参数；
3. 先用代表性镜头测试模型与额度；
4. 把失败镜头转入人工剪辑或重新生成；
5. 统一字幕、响度、色彩和片尾版权信息；
6. 记录版本和审核人后再批量发布；

适合哪些用户？

• 希望快速创建品牌官网和营销页面的团队；
• 需要可视化设计又重视前端控制的设计师；
• 运营博客、案例库和内容目录的CMS团队；
• 制作互动组件和Web应用的开发者；
• 管理多个客户站点的自由职业者和代理机构；
• 需要本地化、实验、分析和企业治理的品牌。

产品优势

• AI结果直接进入成熟的可视化网页开发环境；
• 覆盖建站、设计、文案、CMS、SEO和代码组件；
• 响应式布局、组件、动画与托管能力完整；
• AI积分按Workspace共享且提供用量面板；
• 具备API、CLI、DevLink、Cloud和官方开发工具；
• 可结合Optimize、Localize和Analyze持续运营网站。

限制与注意事项

• AISiteBuilder主要服务新建或原本由它生成的网站，不能直接重做所有既有站点；
• 部分功能仍处于测试或逐步开放阶段，站点角色和方案要求也不同；
• Webflow费用由Workspace、Siteplan、席位、积分包和附加产品共同组成；
• AI生成内容与代码必须人工核验，特别是事实、无障碍、权限、性能与第三方依赖；

常见问题

Webflow AI免费吗？

Starter Workspace免费并含每月200点AI积分，AI建站等部分功能不消耗积分；自定义域名、更多页面和高级发布能力需要付费。

Webflow AI能生成完整网站吗？

可以生成主题、首页、设计系统和后续页面，再在Designer中修改；但主要用于新建AI站点，正式上线仍需内容、响应式和功能测试。

Webflow AI积分会结转吗？

不会。自助Workspace按月重置，Team和Enterprise按年重置，未使用额度到期失效。

Webflow AI积分多少钱？

自助方案每个加购包含每月2000点，月付25美元或年付折算20美元/月，最多叠加15个。

Webflow网站价格是多少？

2026年新购Basic为年付15美元/月或月付25美元/月，Premium为年付25美元/月或月付39美元/月；Workspace和附加产品另计。

Webflow AI开源吗？

核心平台不开源。官方提供开源或公开的CLI、SDK、技能和示例，但不能据此把Webflow AI标为开源产品。