CoffeeCup Responsive Site Designer

软件介绍

CoffeeCup Responsive Site Designer 是 CoffeeCup 推出的可视化网站设计工具。官方的定位是免代码：用户在实时的浏览器环境里拖放内容元素，再通过点选式的样式控件调整外观，用来设计响应式网页。

核心功能

• 框架支持：可选 Bootstrap 4、Foundation 6、Materialize，也可以不使用框架。
• 构建模块：提供组件库、符号（Symbols）、元素和自定义代码。
• 布局：支持 CSS Grid、Flexbox、自定义断点和设备预览。
• 样式：可复用 CSS 类，支持 Google Fonts、CSS 滤镜与混合模式、取色器。
• 响应式工具：包括 Magic Slider、Focus Viewer、响应式图片，以及移动优先或桌面向下两种设计流程。
• 发布与导出：可一键发布到 CoffeeCup 服务器，也可导出整洁的 HTML 与 CSS；支持导出到 CodePen。
• SEO：支持设置元数据和结构化数据。

支持平台与系统要求

支持 Windows 和 macOS。官网列出的最低系统要求是 Windows 7 或 macOS High Sierra（10.13）及更新版本。

版本与授权

这是一款付费软件，官网标价 99 美元，为永久授权，不按月订阅。购买后含 1 年免费升级和 1 年免费支持；一年后继续升级需每年 69 美元，不续费也可继续使用已有版本。官网同时提供免费试用。官网产品页未标注具体版本号。

适用人群或使用场景

适合不想手写代码、又需要制作响应式网站的设计师、个人站长和小型团队，也适合想用可视化方式快速搭出页面再导出静态代码的前端使用者。