Webflow

面向专业团队的可视化建站与CMS平台，含AI助手

核心功能

Webflow创立于2013年，用贴近CSS盒模型的Designer画布直接产出语义化HTML与样式，不写代码也能精准控制布局。平台配套CMS、Localization本地化、Optimize实验与Ecommerce电商模块，近年转向AI原生，提供站点生成、CMS集合生成、AEO代理与MCP Server。代理商、营销团队与中大型企业常用它承载官网。

功能亮点

贴近真实CSS

类名、Flex、Grid都对应真实样式，改动可预期

CMS关系字段

支持集合间引用与多引用，能撑内容量大的站

工作区与站点分离

席位计费与站点计划各自独立，代理商托管方便

AEO优化代理

针对AI搜索场景自动给出结构与内容改写建议

适用场景

• 企业官网与品牌站
• 内容量大的营销站与博客
• 代理商批量交付客户站点
• 多语言全球化站点

安装配置

浏览器访问 webflow.com 注册后直接在Designer中设计；可安装 Webflow 官方 Chrome 扩展与 Apps 市场插件；开发者可配置 Webflow MCP Server，在 Claude、Cursor 等客户端内操作站点与 CMS，也可调用 REST API。

使用方法

bash

1) 注册后创建Workspace，再新建Site（免费站发布到webflow.io子域）
2) 先在Style面板定义类名、字体与色彩变量，建立全站样式基线
3) 用Designer拖Div Block、Flex、Grid搭页面结构，按断点从大到小做响应式
4) 建CMS Collection定义字段，做Collection List绑定数据，套Collection Page模板出详情页
5) 加Interactions做滚动与悬停动效，或用Classic Interactions/GSAP做复杂时间线
6) 需要多语言就开Localization，逐个locale翻译并单独设SEO
7) 购买站点计划绑自有域名，点Publish发布；上线后用Analyze看数据、用Optimize跑A/B测试

关键指标

尚未核验对标产品，此处只列本工具自身指标，不做对比结论。

指标Webflow

价格免费增值

开源否

上手难度专家

优点

样式系统贴近真实CSS，产出结构干净可被搜索引擎抓取
CMS支持引用字段与API读写，能对接外部内容源
客户可用受限席位只改内容，不会误动设计
站点可导出静态HTML/CSS/JS，非CMS部分不锁定

缺点

要理解盒模型与类名管理，纯小白学习曲线陡
站点计划、工作区席位、本地化、Optimize分别计费，总成本高
免费站限2个静态页与1GB流量，几乎只能做demo
CMS单集合条目与集合数量有硬上限，超量需升到更贵档