FramerFramer 是一款设计优先的 AI 网站构建工具,旨在帮助团队无需传统开发交接即可创建、发布、本地化和优化高质量营销网站。
Webflow
Webflow 是一个可视化 Web 体验与 AI 辅助建站平台,专为构建营销站点、CMS 体验和交互式前端组件的团队设计,无需完全依赖传统的开发流程。
资料核对: 2026年6月23日 ·查看来源
工具信息
- 工具类型
- 应用构建器
- 平台
- Web, Browser, API, MCP-compatible AI tools, React component workflows
- 免费方案
- 支持
- 开源
- 不支持
- 自带密钥
- 不支持
- 本地模型
- 不支持

工具概览
适合场景
- 构建高质量网站的营销团队
- 通过可视化开发工作流交付客户站点的代理机构
- 追求比模板化建站工具更多控制权的设计师
- 结合 CMS、SEO、本地化、分析和转化优化的团队
- 希望向非开发者站点团队开放 React 组件的开发者
- 通过兼容 MCP 的 Agent 进行 AI 辅助站点更新
优点
- 为设计师、营销人员和代理机构提供强大的可视化开发工作流。
- AI 功能深度集成于建站、内容、SEO 和 AEO 工作流中。
- 代码组件使得将 React 功能引入 Webflow 站点变得更加容易。
- MCP 服务器让 AI Agent 能够受控地访问 Webflow 项目和 CMS 数据。
- 企业级平台包含治理、角色、安全、协作及支持选项。
局限与取舍
- 需要完全代码库所有权的后端密集型 SaaS 产品
- 寻找本地优先 AI IDE 的开发者
- 希望完整导出每一个动态 CMS 驱动行为的团队
- 从第一天起就要求完全自定义部署架构的项目
- 期望 Webflow App Gen 成为长期 Prompt 驱动全栈应用产品的用户
- 并非用于任意软件项目的通用全尺寸 IDE。
- 复杂站点仍可能需要 Webflow 特有的设计、CMS 和平台专业知识。
- 与完全自定义的代码库相比,CMS 导出和深层代码所有权受限较多。
- App Gen 全栈应用生成功能已暂停并正在弃用。
- 成本会随付费站点、工作区、插件、带宽、本地化、优化、分析及企业需求增加而增长。
开始使用
价格与使用额度
官方价格免费方案 · 付费起价 $15
免费 Webflow.io 测试站点,包含有限的页面、CMS 项目、表单提交、Webflow AI 访问、MCP 服务器访问以及基础 Webflow Cloud 应用托管。
适用于无 CMS 的简单站点;包含自定义域名、300 个静态页面、10 GB 带宽、无限表单提交、密码保护、Webflow AI、MCP 服务器及 Webflow Cloud 应用托管。
适用于内容丰富的站点;增加 Webflow CMS、带宽选项、代码组件、站点搜索、表单文件上传及 well-known 文件支持。
团队工作区计划,提供更多测试站点、自定义代码、代码导出、共享库以及额外的 AI 额度。
适用于成长型组织;包含站点和工作区功能、本地化、AEO Agent、发布工作流、治理、安全及优先支持。
适用于需要自定义规模、细粒度权限、高级治理、安全集成、专属支持、SLA 和自定义配置的大型组织。
价格核对: 2026年6月23日 · 额度、模型费用与订阅价格可能分别计算。
功能与详细介绍
可视化建站
- 基于浏览器的可视化画布
- 响应式设计控制
- 带自定义域名的生产级托管
- CMS 驱动的页面与集合
AI 工作流
- AI 站点构建器
- 提供上下文帮助的 AI 助手
- AI 生成文案与 CMS 项目
- AI 驱动的 SEO 与 AEO 建议
开发者扩展性
- 基于 React 的代码组件
- 用于同步组件的 DevLink
- REST API、SDK、Webhook 与 OAuth
- 面向 AI Agent 的 MCP 服务器
营销平台
- 本地化 (Localization) 插件
- 分析与优化 (Analyze & Optimize) 插件
- AEO 分析与建议
- 发布工作流与协作工具
为什么选择 Webflow?
Webflow 介于设计工具、CMS、托管网站平台和开发者扩展层之间。它最核心的使用场景并非取代完整的工程栈,而是减少构建和运营精美营销网站、落地页、CMS 中心和交互式前端体验所需的工程量。
对于需要频繁发布网站更新的团队来说,其主要价值在于工作流的压缩。设计师可以进行可视化操作,营销人员可以管理内容,开发者可以添加受控的自定义功能,而利益相关者可以直接进行评审,无需将每次修改都变成一次代码部署。当网站作为收入渠道而非静态宣传册时,Webflow 的吸引力尤为突出。
其 AI 视角务实而非纯实验性。Webflow AI 在现有网站工作流中生成站点结构、文案变体、CMS 种子内容、SEO/AEO 建议以及可复用的交互组件时最为有用。作为全栈应用工程团队的替代方案,它的说服力较弱,尤其是 App Gen 功能目前已暂停并正在弃用。
核心工作流
典型的 Webflow 工作流始于可视化结构:页面、组件、变量、布局规则、响应式行为和 CMS 集合。一旦设计系统稳定下来,非开发人员同事就可以在批准的约束范围内创建页面和内容,而无需向工程部门申请每一次更新。
对于开发者团队,更有趣的层面是 Webflow 现在如何连接到代码和 Agent。代码组件允许开发者将基于 React 的功能引入可视化画布,而 MCP 服务器则为 AI 工具提供了一种结构化的方式,通过授权访问与 Webflow 项目、CMS 数据和设计界面进行交互。
这使得 Webflow 非常适合混合团队。设计师和营销人员无需为了日常网站更改而活在 Git 中,而开发者仍然可以定义可复用的技术构建块,以满足网站在标准无代码交互之外的逻辑需求。
适用场景
Webflow 非常适合 SaaS 营销网站、代理机构客户站点、初创公司落地页、内容中心、活动微型网站、产品发布、多语言营销站点以及需要快速迭代的转化导向页面。
当公司希望将营销网站与产品工程栈分离时,它也非常有用。应用程序可以保留在 Next.js、Rails、Laravel、Django 或其他代码库中,而品牌站点、CMS、SEO 页面和活动页面则留在 Webflow 中,让营销团队能够更快速地行动。
对于 AI 辅助工作流,最佳场景是有边界的:生成站点初稿、产出 SEO 元数据、创建 CMS 示例内容、建议 AEO 改进,或生成包含交互的组件(如计算器、画廊、表单步骤器或对比组件)。这些用途比尝试在平台内构建整个复杂的 SaaS 应用更安全,也更符合 Webflow 的优势。
竞品对比
与 Framer 相比,Webflow 通常更侧重于 CMS 和运营。Framer 在处理视觉精美的落地页和作品集类站点时感觉更快,而当项目需要结构化内容、角色权限、发布工作流、本地化和长期站点治理时,Webflow 通常更强大。
与 Wix Studio 或 Squarespace 相比,Webflow 通常需要更多的学习投入,但在布局、交互、CMS 结构和专业站点系统方面提供了更多控制权。这种权衡很重要:Webflow 对初学者来说不是最简单的建站工具,但对于重视设计系统和可重复生产工作流的团队来说,它的扩展性更好。
与 WordPress 相比,Webflow 减少了插件维护、托管配置和安全补丁工作。代价是对底层运行时的所有权较少,且在服务器和数据库层面的自定义自由度较低。WordPress 在开源所有权和插件广度上依然领先;Webflow 在托管式可视化开发和团队友好型站点运营方面更胜一筹。
与 Lovable、Bolt.new 或 v0 相比,Webflow 不太像一个通用的 Prompt 驱动应用开发环境。当目标是生成可编辑的应用程序代码时,那些工具更好。当期望产出的是一个可维护、托管、品牌受控且非开发人员可以持续运营的 Web 体验时,Webflow 是更好的选择。
最佳配置建议
对于严肃的团队站点,应将 Webflow 视为一个系统而非页面构建器。在站点变大之前,先定义好组件、变量、命名规范、CMS 集合规则、发布权限和交付边界。这可以避免常见的失败模式:即一个视觉上令人惊叹的 Webflow 站点因为每个页面都是一次性构建的而变得难以维护。
对于有开发者支持的站点,将自定义代码和代码组件保留在能产生明确杠杆作用的领域。价格计算器、产品选择器、交互式对比或 API 驱动的组件可以证明开发者介入的价值。基础布局、文案和 CMS 内容应保留在 Webflow 的原生工作流中,以便非技术团队维护。
对于 AI 功能,保持人工审核。AI 生成的区块、文案、代码组件和 SEO/AEO 建议是很有用的加速器,但在发布前仍应检查其品牌语调、无障碍性、事实准确性、性能和可维护性。
迁移建议
从 WordPress、Squarespace、Wix 或自定义静态站点迁移时,在重建页面之前先映射内容模型效果最好。确定哪些页面应成为 CMS 模板,哪些内容类型需要集合,需要哪些重定向,以及哪些集成必须替换或重建。
对于 SEO 敏感的迁移,风险点在于 URL 结构、元数据、Schema、重定向、图片处理、站点地图行为和页面速度。Webflow 可以支持出色的 SEO 结果,但如果信息架构更改过于草率,迁移仍可能导致流量损失。
对于从自定义代码库迁移的工程团队,关键决策是什么不应该移入 Webflow。重身份验证的产品流、复杂的仪表板、后端工作流和数据密集型应用通常属于传统的应用栈。Webflow 最强大的定位是围绕产品的 Web 体验层,而不一定是核心应用平台。
模型支持与数据隐私
隐私与数据处理
Webflow 作为一个托管式 SaaS 平台运营,提供建站、CMS、表单、分析、AI 功能和托管服务。其信任中心声明,Webflow 独立通过了 SOC 2 Type II 和 ISO 27001 合规性审计。使用 Webflow AI、表单、集成、分析或 MCP 访问的团队在处理敏感工作流前,应审查工作区权限、数据处理、连接的应用及客户数据政策。
指南、评测与常见问题
相关指南正在整理中,可以先查看官方文档。
产品动态
暂时没有经过核对的产品动态。关注后,新的相关内容会出现在「我的收藏」。
查看相关内容动态替代工具
FramerFramer 是一款设计优先的 AI 网站构建工具,旨在帮助团队无需传统开发交接即可创建、发布、本地化和优化高质量营销网站。
SquarespaceSquarespace 是一款设计优先的 AI 网站构建器和全托管平台,专为希望在不维护基础设施的情况下创建精美站点的创作者、创业者、服务型企业和小型电商品牌打造。
WordPress AIWordPress.com AI 是内置于 WordPress.com 的 AI 辅助建站与编辑工作流,它将 AI 生成能力与 WordPress 的托管、主题、插件、CMS 发布和电商扩展性结合在一起。
DudaDuda 是一款专业的网站构建平台,定位介于无代码建站工具、代理商生产系统和 API 驱动的白标网站基础设施之间。
BubbleBubble 是一款成熟的无代码及 AI 辅助全栈应用构建工具,通过可视化逻辑、数据库、托管和插件市场扩展来创建 Web 和移动应用。
WebstudioWebstudio 是一个开源的可视化开发平台,用于构建快速、连接 CMS 的网站,比封闭式建站工具提供更高的可移植性和自托管灵活性。
Builder.ioBuilder.io 是一个协作式 AI 可视化开发平台,旨在让团队能够针对真实的生产代码库和设计系统进行生成、编辑、评审和发布 Web 体验。
PlasmicPlasmic 是一款面向希望让非开发人员构建 Web 体验、同时让开发人员保留代码控制权的团队的开源可视化构建器和 Headless 内容平台。
LovableLovable 是一款 full-stack AI Web app builder,定位介于 no-code prototyping tools 和 developer-first AI coding environments 之间。
Bolt.newBolt.new是一款浏览器原生的AI Web应用构建工具,用于快速将产品概念转化为可编辑、可运行且可部署的JavaScript应用程序。
v0v0 是 Vercel 的 AI 应用生成器,旨在通过提示词、设计输入和代码库上下文来创建、微调、集成和部署现代 Web 应用。信息来源与核对记录
核对日期记录本站何时检查信息;不代表产品发版日期。
本站资料修订记录
创建了目录条目,并根据 Webflow 官方资料核实了当前定价、AI 功能、MCP 服务器、代码组件、App Gen 弃用状态、开发者平台及安全定位。