开源可视化建站工具，Webflow 替代方案，拖拽设计并导出干净的 HTML/CSS。
项目地址：https://github.com/webstudio-is/webstudio
这是什么
Webstudio 是一款开源的可视化网站构建器，直接对标 Webflow。它让设计师用拖拽的方式搭网站——调整布局、设置样式、配置响应式断点，全程不写代码，同时产出干净、标准的 HTML/CSS。搭好的站点既可以导出静态文件自己托管，也能接入 CMS 做动态内容，省下 Webflow 的月费订阅。
核心能力
- 可视化拖拽建站：所见即所得地设计页面，无需编写代码。
- Webflow 式设计体验：熟悉的画布、样式面板、层级树操作逻辑。
- 干净的代码输出：生成符合标准的 HTML/CSS，没有冗余的框架依赖。
- 响应式断点设计：按断点分别调整样式，多端适配更精确。
- 静态导出 / 自主托管：可导出站点部署到任意静态托管，也支持自托管。
- 组件与设计系统：支持组件复用，方便在多个页面间保持一致的设计规范。
适合谁
- 不想写代码、但需要精细控制设计的设计师；
- 想摆脱 Webflow 订阅费用的个人和小团队；
- 做落地页、官网的自由职业者；
- 需要可视化建站但要求代码质量与自主托管的团队。
获取方式
官网 webstudio.is 可直接在线使用；开源代码在 GitHub（webstudio-is/webstudio），采用 AGPL-3.0 协议，支持自托管。
相关阅读
© 版权声明
文章版权归作者所有，未经允许请勿转载。
