Webflow AI 建站指南：从三页网站到 Claude 协作

Webflow AI 能根据一份业务需求说明，生成可继续编辑的多页网站，再协助调整文案、页面区块和内容。对创业者和小型建站机构来说，真正的变化在于工作从哪里开始：不必先亲手搭完每一页，就能审阅一版网站方案。不过，业务卖点怎么定、用什么事实支撑、何时上线，仍然要由你决定。

Webflow 在 2026 年 2 月 5 日推出的重构版本，将多页结构、样式、动画和基础设计系统整合进建站流程。各档套餐的客户，包括 Enterprise 客户，都可以从 Dashboard 中的 New site 进入。但能使用建站工具，并不代表套餐的页面数量限制随之取消。参见 Webflow 发布说明。

Webflow AI 建站，该从哪个工具入手？

可以把 Webflow AI 看作一间配备了多种工具的工作室：AI Site Builder 负责搭起初始结构，编辑器内的工具负责打磨具体部分。MCP 是 Model Context Protocol 的缩写，它提供连接，让外部 AI 助手能够调用 Webflow 网站内的工具。

虽然 Webflow 把这些原生功能统称为 Webflow AI，它们的入口并不相同。参见 AI 功能概览、建站工具使用条件、MCP 概览。

在 Workspace 设置中开启 Webflow AI

Workspace Owner 或 Admin 需要进入相应 Workspace，打开 Workspace settings → General，开启 Enable Webflow AI。Enterprise 还可以通过自定义角色控制 Use Webflow AI 权限。如果某位同事看不到相关选项，需要同时检查 Workspace 开关和其角色权限。参见 Webflow 管理员设置说明。

网站生成、区块设计和上下文帮助不消耗 Webflow AI 点数；文案、CMS 条目生成、AI 代码组件和 AI SEO 操作则会消耗。点数由整个 Workspace 共享，不同任务的用量不同。**Webflow 价格页目前列出的单独付费附加包，每月提供 2,000 点，按年计费，折合 $20/月。**参见 点数规则、Webflow 价格。

Webflow 教程：从提示词到三页网站上线

这个流程以一家小型服务企业为例，只设定一个明确的转化目标。示例中的 Cedar Studio 是一家虚构的品牌设计工作室，希望获得项目咨询；网站包含首页、服务和联系三个页面。

本教程依据官方文档整理，并非实际操作测试。本文没有发布 Webflow 测试网站；下文列出的人工修正项是建议执行的检查，并不是实测发现的缺陷。

1. 先确认套餐能容纳三个页面

付费 Workspace 可以在起步时一次生成三个页面。如果使用免费 Workspace，且没有付费 Site 套餐，先生成首页和联系页；网站生成后，再购买付费 Site 套餐，通过 Pages 面板中的 AI 页面生成功能添加服务页。初次生成时，付费套餐最多支持五页，未付费时最多两页；自动生成的样式指南不计入两页限额。这个展示型网站要绑定自定义域名上线，Basic 套餐就够用。参见 建站工具限制、Site 套餐功能。

2. 给 AI 一份清楚的业务需求

从 New site 进入，选择 AI Site Builder，输入类似下面的提示词：

为 Cedar Studio 创建一个网站。这是一家小型品牌设计工作室，服务于独立经营的酒店与餐饮企业。网站目标是获得项目咨询。设置三个页面：首页、服务、联系。首页要说明服务内容并介绍工作流程；服务页要介绍品牌策略、视觉识别和网站设计；联系页要引导访客提交项目需求。采用温暖的中性色、清晰易读的深色文字，以及克制的动态效果。不要虚构客户、客户评价、奖项、价格或项目成果。主要行动按钮统一使用“聊聊你的项目”。

这份提示词明确了受众、服务和下一步行动。用到自己的网站之前，先把其中的虚构信息换成已确认的业务事实。

3. 先确认结构，再生成设计

生成网站方案后，删掉不需要的页面，调整各个区块的顺序。如果走的是免费 Workspace 路线，升级套餐后再添加服务页。最终的网站应始终围绕核心目标展开：

然后生成网站，调整共用主题，再进入 Webflow 继续编辑。建站工具会把提示词中的字体和颜色要求映射到自身的主题系统，所以要精确符合品牌规范，仍需人工调整。参见 创建网站与调整主题的流程。

4. 把通用初稿改成真正代表业务的网站

把生成结果当作待编辑的初稿。凡是输出不够到位的地方，都要做相应的人工修正：

最难的工作，往往是确定这家企业究竟能作出哪些真实可信的承诺。再漂亮的占位内容，也不能替你作这个决定。

5. 检查搜索信息与无障碍体验

打开 Audit 面板，检查整个网站。它可以发现缺失的图片说明、页面标题、搜索描述，以及 schema，也就是描述页面的结构化信息。AI 生成的建议仍需逐项核对，确保符合真实业务。组件、灯箱和 CMS 内的图片不在 Audit 面板的覆盖范围内，需要另外手动检查替代文本。参见 Audit 操作说明与限制。

对 Cedar Studio 来说，真正有用的结果是准确的页面信息，以及能顺利完成的咨询流程。不要仅仅为了填满 AI 生成的字段，就添加并不存在的服务、服务地点或评分。

6. 先发布到测试站，再上线自有域名

打开 Publish，只勾选 webflow.io 测试站地址，发布到该地址。以访客身份浏览首页、服务页和联系页，再测一次咨询流程。发现问题就修复，然后重新发布测试站。

正式上线时，在 Site settings 中连接自有域名，验证所有权，并在发布菜单中勾选该域名。发布后，再次检查三个正式页面的网址和表单。执行发布需要相应权限。参见 Webflow 发布指南。

对业务而言，变化在于工作顺序。手动建站时，通常要先搭结构、定样式、填页面内容，才能审阅整体效果；AI 生成把整体审核提前了。安排工作时，可以为需求说明、初稿和检查预留两小时，并提前备好已确认的文案和素材。这只是建议预留的工作时段，不是实测完成时间；集成问题或品牌修改都可能让用时延长。

用编辑器内的 Assistant 处理具体任务

好用的提示词通常范围小、目标明确，也说清了怎样才算完成。

需要操作帮助时，从顶部栏打开 Assistant，提出具体的 Webflow 问题。这个模式根据帮助中心的内容作答，目前支持英语，每 31 天最多提问 100 次。把回答当作待核实的操作建议。参见 上下文帮助指南。

需要新增区块时，从 Add 面板拖一个区块到画布上，打开它的 Assistant 控件。找到合适的布局，选择生成的设计，再放到页面中检查。它可以复用已有的类和变量，也就是用于保持设计一致的命名样式与共享值，还能创建新类，但不能修改已有类。Webflow 当前的区块设计文档仍将此功能标为公开测试版，只适用于部分免费模板和通过 AI Site Builder 创建的网站。生成结果不包含图片、组件或动态内容。参见 区块设计指南。

需要改文案时，设计师可以右键点击受支持的文本元素，选择 Modify copy。可以试试：“缩短这段文字，保留交付内容，不添加新的承诺或说法。”接受修改前，逐一核对涉及事实的变动。这项功能需要付费 Site 或 Workspace 套餐。参见 文案编辑功能。

随着网站发展，还有两项功能值得关注。在包含 CMS 权限的 Site 套餐中，AI 可以生成示例 CMS Collection 条目，即结构化内容列表中的记录。它也可以通过 Assistant 创建可复用的代码组件，例如计算器。代码组件需要 Designer 或 Site Manager 角色；要发布这些组件，还需满足额外的 Site 和 Workspace 套餐要求。这类组件不提供数据库、身份验证或密钥管理。除非项目确实需要，否则不必把它们纳入基础展示型网站的搭建流程。参见 CMS 使用条件、代码组件要求。

任务涉及多个页面时，用 Webflow MCP 连接 Claude

任务需要跨页面或跨内容记录执行时，MCP 就派得上用场。Webflow 文档列出的支持范围包括页面与布局编辑、样式、组件、CMS 管理和发布。所有 Site 套餐，包括 Starter，都可以使用；Reviewer 角色的用户无法连接。参见 MCP 功能说明。

连接 Claude 时，打开 Chat 或 Code 会话，通过加号菜单添加连接器，找到 Webflow 并连接。按 Webflow 的授权流程操作，选择相应网站，然后回到 Claude。默认情况下，Claude 会在执行操作前请求批准。参见 Webflow 的 Claude 连接指南。

对于本文的示例，可以先尝试这样的请求：

先阅读这个网站的操作说明，再检查首页、服务页和联系页。列出不一致的服务名称与行动引导文案。根据下方已确认的表述，提出具体替换文本。编辑之前先展示拟议修改，由我负责发布。

这只是可以尝试的任务示例，并不保证得到特定的审核结果。你仍需对照页面，亲自核查拟议修改。

现在，大多数 MCP 操作不需要保持 Webflow 会话打开。但涉及当前画布选区的操作，仍需要 MCP Bridge App。常规 MCP 使用消耗的是外部 AI 工具的套餐额度或点数，而不是 Webflow AI 点数。参见 MCP 当前运行方式与限制。

六种用法，按实际价值排序

最有价值的用法，都始于清晰的需求和一位能判断结果的负责人。以下是建议尝试的流程，不是经测量得出的客户成效。

这些流程所依赖、且已有文档说明的功能，包括 Webflow 的区块工具、Audit 面板和 MCP 操作。上述价值能否兑现，取决于你的审核流程。

围绕它，可以做哪两类服务？

建站和寻求建站协助，都有市场需求。2026 年 10 月 22 日获取的 DataForSEO 美国英语搜索估算显示，**“ai website builder”每月有 33,100 次搜索。**这说明整个品类受到关注，并不能证明市场还需要一个同质化的生成器。

首选：建站上线与交接服务

面向创业者，建立一套可重复交付的服务：网站在 Webflow 中可以继续编辑，内容经过确认，咨询流程经过验证。DataForSEO 估算，**“webflow agency”在美国每月有 480 次搜索。**这反映了购买专业协助的意向，但不能据此确定有多少搜索者需要这里提出的具体服务包。

最小可售版本可以聚焦一个细分行业，用结构化需求表收集信息，交付三个完成的页面，并提供录制好的编辑交接教程。机构可以用 AI 生成初稿，同时对内容准确性、品牌选择和上线测试负责。

**难点在于：**竞争对手很容易生成类似的初稿。更难复制的工作，是理解细分行业、推动素材确认，并对清晰完整的交接负责。另外，在围绕 AI Site Builder 创建的网站设计可复用的机构工作体系之前，要先检查 Webflow 对从这类网站共享 Libraries 的限制。参见 建站工具限制。

其次：从检查到修复的网站维护服务

这类服务帮助网站负责人找出遗漏，并把修正落实到经过审核的结果。DataForSEO 估算，**“website seo audit”在美国每月有 320 次搜索。**这是更广泛的市场信号，不是 Webflow 潜在买家的数量。

初版服务可以包含 Webflow 网站检查、拟议修正清单，以及审核后的发布。MCP 可以承担范围明确的内容更新，业务表述和最终页面则由人工核验。服务的卖点，是把约定的工作做完，并对结果负责。

**难点在于：**补全描述并不能保证搜索排名，自动检查也有盲区。Webflow 自带的 Audit 面板就不覆盖某些位置的图片。有价值的服务必须补查这些遗漏，同时避免承诺搜索表现。参见 Audit 覆盖范围。

Webflow AI 的能力边界在哪里？

如果你想从头建立 Webflow 网站，并愿意投入精力完成后续打磨，可以使用 AI Site Builder。如果已经有定制网站，先从受支持的编辑器内工具或 MCP 入手。两者都不会让智能体获得无限控制权：MCP 仍缺少部分元素设置和 CMS 绑定设置能力，而区块生成功能不能改写已有类。参见 MCP 限制、Assistant 限制。

也不要把 App Gen 作为新项目的基础：Webflow 已暂停其开发，并表示计划弃用。参见当前 AI 功能概览。

如果还在选择平台，可以通过 Webflow vs Framer 比较平台，通过 Framer AI 了解其 AI 工作流程，再参考 AI 建站工具对比筛选更多候选方案。

Webflow 是 AI 工具吗？

Webflow 是一个内置 AI 工具的建站平台。AI Site Builder 生成网站初稿，其他功能则辅助处理文案、区块、内容和后续工作。MCP 用于把外部助手连接到已授权的网站。参见 Webflow AI 概览。

AI 能帮我建网站吗？

可以。Webflow 的 AI 网站生成器能根据描述生成可编辑的网站。但你仍需准备已确认的业务信息，确保链接和表单正常，并完成发布前检查。上文的三页网站示例提供了一套依据文档整理的流程。参见 Webflow 建站工具。

Webflow 真的免费吗？

Webflow 提供免费的 Starter 套餐，可使用 Webflow AI 和 MCP，但最多只能有两个静态页面。本文展示的三页自定义域名网站需要付费 Site 套餐。额外的 AI 点数属于可选的单独购买项。参见 Webflow 价格。

**周一就能开始：**整理已确认的服务介绍、真实图片和咨询接收地址。生成首页、服务页和联系页初稿，然后在正式上线前，先在测试站完整跑通一次咨询流程。

如果希望为自己的业务搭建这套流程，我们可以协助确定网站与自动化的实施范围。