Webflow

Webflow 是由总部位于旧金山的 Webflow, Inc. 开发的一款基于浏览器的可视化设计与开发平台。该公司成立于 2013 年，并于 2014 年正式发布。它使设计师和营销团队无需编写代码即可构建可直接投入生产的响应式网站，同时在底层输出干净、可手动编辑的 HTML、CSS 和 JavaScript。它的定位独特，高于 Squarespace 等面向消费者的拖拽式建站工具，但低于传统的开发工作流，这使其成为需要精确控制但又没有完整工程团队的设计机构和中端市场营销团队的首选平台。2022 年 3 月，该公司在 YC Continuity 的领投下完成了 1.2 亿美元的 C 轮融资，估值达到 40 亿美元。截至 2025 年，其已发布网站数量增长至超过 350 万个，年收入约为 2.13 亿美元。

该核心平台捆绑了可视化 Designer（一个直接映射到 CSS 盒模型、flexbox 和 grid 的画布）、一个每个网站支持多达 20,000 个内容项的关系型 CMS、现由 Cloudflare 提供支持的 CDN 托管服务、一个原生电子商务引擎，以及用于第三方集成的 Webflow Apps。除此之外，Webflow 自 2024 年以来一直在推出重要的 AI 层：全新升级的 AI 助手（于 2025 年 9 月 17 日在 Webflow Conf 上发布）能够理解您网站的设计系统、样式指南和 CMS 结构，并能生成匹配的页面版块、起草文案和元数据、审查 SEO 漏洞，以及通过对话方式帮助协调多步编辑。AI Code Generation（将于 2026 年初进入抢先体验阶段）可以根据自然语言提示生成基于 React 的 Web 应用程序和可重用组件，并可一键部署到 Webflow Cloud。

Webflow 在 2026 年 4 月的创作能力

Webflow 的主要输出是符合标准、响应式的网站，并导出干净的 HTML、CSS 和 JavaScript。Designer 的工作原理类似于可视化的前端 IDE：您可以通过面板 UI 而不是代码编辑器来操作 CSS 属性（margin、padding、flexbox 方向、grid 列、transforms、transitions）。每一次更改都会实时反映在预览中，该预览遵循实际的浏览器渲染，而不是简化的抽象效果。

CMS 层允许您使用类型化字段（纯文本、富文本、图像、数字、日期、引用和多重引用）定义自定义 Collections（如博客文章、团队成员或产品）。CMS 页面是模板化的：一个设计可以驱动数千个动态生成的 URL，这使得 Webflow 成为内容密集型营销网站和程序化 SEO 的理想选择。Business 计划的网站支持 40 个 Collections 和 20,000 个项目。托管的 CMS Editor 为非技术客户提供了一个简洁的界面，无需接触 Designer 即可更新内容。

Webflow Ecommerce 原生处理产品目录、结账和订单管理，不过在较低级别的计划中会收取交易费（29 美元/月的 Standard 级别收取 2%，74 美元/月的 Plus 级别免除）。Webflow Optimize 增加了 AI 辅助的 A/B 测试：AI 助手可以在无需工程支持的情况下，根据转化率数据构建个性化实验并建议标题变体和 CTA。于 2025 年 10 月推出的 AI SEO 可运行全站审计，标记缺失的 alt 文本、元描述和 schema 漏洞。

“它的定制化能力是无与伦比的。我不会被局限在模板里。”—— Ashley G.，营销与广告机构所有者，Capterra，2025 年 10 月

2025-2026 年最重要的技术补充是 Webflow MCP（模型上下文协议）服务器，它将 Designer API 和 Data API 暴露给外部 AI 工具。这意味着您可以将 Cursor 或 Claude 直接指向您的 Webflow 网站，并通过这些 AI 环境发出设计或内容指令。Webflow 是第一个发布 MCP 集成的主流无代码构建工具，为高级用户在可视化画布之上提供了一个真正的代理工作流层。

Webflow 与 Framer 和 Wix Studio 的定位对比

Webflow、Framer 和 Wix Studio 在专业网站构建工具市场中占据相邻的位置，但在技术架构、目标受众和 CMS 深度方面存在显著差异。

Webflow 与 Framer： Webflow 编译为通过全球 CDN 提供的静态 HTML、CSS 和 JavaScript，从而实现快速的初始加载和极少的 JavaScript 开销。Framer 基于 React 构建，具有服务器端渲染和客户端水合作用，这意味着每个 Framer 网站都作为一个 React 应用程序发布。这使得 Framer 在微交互、弹簧物理动画和类似 Figma 的基于约束的自动布局方面具有优势，桌面布局的更改可以智能地传播到移动端。Webflow 的输出对于内容密集型网站性能更好；而 Framer 则更适合动画密度高的视觉密集型产品落地页或作品集网站。

在 CMS 方面：Framer 的原生 CMS 功能极少，除了基本的动态内容外，其他任何功能都依赖于第三方集成。Webflow 的 CMS 是关系型且原生的，具有程序化 SEO 模式、复杂的多重引用字段，并通过 Whalesync 等平台直接集成到 Airtable、Notion 或 Google Sheets。对于管理 500 页内容网站的机构来说，Webflow 的 CMS 深度是 Framer 无法比拟的。在自定义代码方面：Webflow Code Components 允许开发人员通过 CLI 构建 React 组件，设计师可以在画布上通过 props 直观地使用这些组件；Framer 的 React 基础更像是一个黑盒，限制了深度定制。

Webflow 与 Wix Studio： Wix Studio 使用专有的自由放置渲染引擎，学习起来要容易得多，对初学者来说曲线平缓。Webflow 的 CSS 模型方法需要理解布局概念（flexbox、grid、position），这意味着入门门槛更高，但输出更干净、更可预测。关键在于：Webflow 导出干净的 HTML/CSS/JS；Wix 完全不导出代码，这意味着您将永久锁定在 Wix 的托管和渲染环境中。Webflow 的输出可以转移到任何托管提供商。在 AI 方面：两个平台都有 AI 网站构建器，但 Webflow 的 AI 助手在结构层面上与您现有的设计系统和 CMS 集成，将新内容与现有样式相匹配，而不是从头开始生成通用模板。

用户经常将 Webflow 与相邻工具互补使用：使用 Typeface 进行品牌一致的 AI 文案创作并输入到 CMS 中，或者如果他们需要基于 WordPress 且具有 AI 页面构建功能的替代方案，则使用 10Web。对于较小的网站，Site123 和 Mobirise AI Website Builder 经常被认为是团队过渡到 Webflow 之前的低复杂度切入点。在构建网站的同时构建视觉品牌资产的团队，有时会将 Webflow 的视觉工具包与 Wix Logo Maker 进行比较，以进行快速的品牌标识工作，尽管两者的用例截然不同。

积分与定价的真实情况

Webflow 的定价有三个平行的轨道：Site Plans、Workspace Plans 和 Ecommerce Plans。这种分离一直是社区论坛中令人困惑的根源。

Site Plans 涵盖已发布网站的功能：页面数量、CMS 项目、带宽和自定义域名。Basic 计划起价为 14 美元/月（按年计费），包含自定义域名但没有 CMS。CMS 计划（23 美元/月）解锁了动态内容。Business 计划（39 美元/月）将 CMS 项目限制提高到 20,000 个，带宽提高到 2.5TB。如果您需要电子商务功能，那是 Workspace 计划之上的一个独立计划，起价为 29 美元/月，外加 2% 的交易费，该费用只有在 74 美元/月的 Plus 电子商务级别才会免除。

Workspace Plans 管理您可以拥有的编辑器和暂存网站的数量：免费的 Starter 级别允许 2 个暂存网站；Core 计划（19 美元/月）将其提高到 10 个；Growth 计划（49 美元/月）增加了无限的暂存和高级发布权限。对于管理许多客户网站的机构来说，这些工作区成本会不断累积。Enterprise 定价是完全定制的。

AI 功能目前包含在现有计划中，没有单独的积分系统（不像一些竞争对手按生成次数收费）。AI 助手、AI SEO 和 Webflow Optimize AI 建议是捆绑在一起的。截至 2026 年 4 月，AI Code Generation 仍处于抢先体验阶段，尚未公布单独的定价；抢先体验需通过申请获得。

“Webflow 为您提供了充分的创作自由，无需编码即可构建响应式网站。但是，当您管理多个项目时，定价会很昂贵。”—— Yashvi P.，UX 设计师，Capterra，2025 年 5 月

Webflow 始终令人失望的地方

最常被抱怨的是学习曲线。Webflow 的强大之处在于它与 CSS 的紧密映射，如果您还没有内化盒模型、flexbox 和定位的工作原理，这正是它难以学习的原因。从 Squarespace 甚至 WordPress 迁移过来的用户经常报告说，他们对 Designer 界面感到不知所措。该平台是为那些以网页设计思维思考的人构建的，而不是为明天就需要一个网站的营销人员构建的。

CMS 的局限性成为大型组织的一个摩擦点。每个 Collection 最多 60 个字段和最多 10 个引用字段的上限在 G2 和 Capterra 上被反复标记为复杂数据结构的障碍。Business 计划的 20,000 个项目限制制约了大规模内容运营，迫使团队比预期更早地转向 Enterprise 定价。多语言支持在很大程度上是手动的：Webflow Localization 作为一个付费附加组件存在，但自动翻译和适当的 hreflang 管理仍然需要大量设置，落后于专为国际发布设计的平台。

电子商务的局限性也经常出现。Webflow 的原生电子商务可以处理简单的产品目录，但缺乏 Shopify 的库存深度、变体管理和应用程序生态系统。对于具有复杂产品配置或大批量运营的商店，Webflow Ecommerce 经常被描述为一块垫脚石，而不是最终目的地。

最后，2024 年的 AI 差距让一些用户持怀疑态度。Webflow 在整个 2024 年大力营销 AI 功能，但只交付了基本的文案生成和 alt 文本起草。完整的 AI 助手和代码生成直到 2025 年的 Webflow Conf 才到来，在承诺和产品现实之间造成了一年的差距。截至 2026 年 4 月，代码生成仍处于抢先体验阶段，尚未全面可用。

Webflow 是为谁打造的

Webflow 的天然受众是专业的网页设计师和以设计为导向的前端开发人员，他们希望在不编写代码的情况下获得手写代码的输出质量，并配有一个可以移交给非技术客户的 CMS。每年构建 3 到 30 个客户网站的设计机构是该平台的核心用户群。中端市场 SaaS 和电子商务公司的营销团队使用它来制作落地页、活动网站和内容博客，这些页面需要快速迭代，而无需为布局更改提交工程工单。

该平台也越来越多地服务于企业营销团队，这些团队在设计控制之外还需要治理、协作权限和有保障的 SLA，这正是 Webflow 的 Enterprise 级别利用其 C 轮资金明确瞄准的细分市场。

如果您之前没有网页设计经验并且需要本周就上线一个网站，请跳过 Webflow：Squarespace 或 Wix 会让您更快达成目标。如果您正在构建一个复杂的自定义 Web 应用程序，请跳过它：Webflow 无法替代 React 或 Next.js 项目。如果您的电子商务目录有数千个 SKU 且具有复杂的变体规则，请跳过它：Shopify 的生态系统深度是这里无法比拟的。如果您的主要限制是预算，也请跳过它：对于管理多个资产的小型团队来说，Site Plan 加上 Workspace Plan 的组合成本会迅速累积。