一、Claude Design 是什么？
2026 年 4 月 17 日，Anthropic 发布了 Claude Design。
这个产品上线当天，Figma 股价大跌。
Claude Design 由 Opus 4.7 驱动，提供给 Pro、Max、Team、Enterprise 订阅者使用。
它的界面很简洁：左边聊天，右边画布。
你描述你想要什么，它就在右边画出来。
你可以通过对话、行内评论、直接编辑、甚至它自动生成的调节滑杆去反复修改。
听起来像一个 "AI 版 Figma" ？
Anthropic 设计团队的 Ryan Mather 发推说了一句关键的话：
这句话是理解 Claude Design 的关键。
传统设计工具的逻辑是 — 人在画布上操作，AI 辅助加速。
Claude Design 反过来 — AI 是主要的生成者，人是主要的审阅者。
这个区别落到产品上，产生了几个具体差异。
第一，输出是可运行的代码。
链接可以点，标签可以切，版本可以 DIFF。这跟 "生成一张漂亮的 UI 图" 完全是两码事。
第二，它理解你的代码库。
你上传代码库之后，它会读组件结构、框架模式、文件组织。
第三，它会主动提问、给多方案、自检自纠。
整套协作模式跟以前任何设计工具都不一样。
Ryan Mather 一个人同时负责 Anthropic 的 7 条产品线。这在两个月前不可能。
有团队反馈说，以前在别的工具里需要 20 多轮提示才能搞定的复杂交互，在 Claude Design 里 2 轮就搞定了。
用这个工具和直接用 Claude Code 编写网页有啥区别呢？
其实关键的变量还是：提示词工程。
Claude Design 之所以强，一半归功于 Opus 4.7 的模型能力，另一半归功于那套精心设计的系统提示词。
Claude Design 发布不到 24 小时，安全大佬 Pliny the Liberator 就在 X 分享它的完整系统提示词。
