Cloud Design

定义

Anthropic 发布的 AI 网页设计工具，可理解为「设计师版的 Cloud Code」。用户左边打字右边直接出设计稿，本质上生成的是真实可运行的网页代码，而非静态图片。

详细说明

Cloud Design 的核心特点是AI 作为主要生成者，人作为审核者——与传统设计工具「人在画布上操作，AI 提速」的逻辑完全相反。

与传统设计工具的区别

核心依赖

• Claude Sonnet 4.7 模型能力（50%）
• 精心设计的提示词（50%）

市场影响

Cloud Design 发布后，Figma 股价暴跌。

与其他概念的关系

• 去除AI味 - Cloud Design 提示词的核心关注点
• OKLCH色彩系统 - Cloud Design 的配色策略基础
• 角色定位 - Cloud Design 提示词的第一个设计维度
• 六步工作流 - Cloud Design 提示词定义的工作流程
• WebDesignEngineerSkill - 基于 Cloud Design 提示词开发的通用 Skill

来源

• 我把ClaudeDesign做成了Skill人人人都能成为顶级网站设计师