2025 年秋，Nate Parrott 是 Claude Code for VS Code 团队里唯一的产品设计师，和两个工程师搭伙。9 月 beta 上线，11 月 Opus 4.5 发布，之后工程师的交付节奏突然提速——而他还在按原来的速度产出设计稿。他需要想办法跟上。
第一次尝试很直觉：把终端输出和截图喂给 Claude，说"这是我们要加的功能，你来设计"。结果不行。于是他花了一个月做 side project，找让 Claude 产出好设计的方法。
#答案：HTML 是视觉媒介
突破口是一个视角转换：HTML 不只是网页格式，它是一种富交互视觉媒介 ——幻灯片、视频、PDF 能做的，网页都能做。他给 Claude 搭了个分屏界面，左边聊天右边出 HTML，第一次尝试就有用了。
第二步更关键：他花了不少时间把 Anthropic 品牌精髓（字体、颜色、素材、原则）蒸馏成提示词 ，让产出天然符合品牌规范。内部原型发出去，设计师立刻拿来做了交互原型——传统工具做 click-through 原型要画完每个状态再手工连线，这里把素材丢给 Claude 说"让它能点"就行，每个产出自带可分享链接。
#从原型工具到视觉媒介
转折发生在 Anthropic Labs 团建的 idea pitch 环节：在场每个人都在会上现做幻灯片，经常是轮到自己讲之前刚做完。这场面说服 Labs 立项，side project 变成了真项目。
定位也随之改变——不再是"产品 mockup 工具"，而是生产一切视觉沟通物料的媒介 ：幻灯片、落地页、打印 PDF 的一页纸、邮件、动画、社媒图。幻灯片做的人最多，单独拆成了 Claude Slides 入口。
边界也说得清楚：没有图像模型，不适合做 logo（正确姿势是把你已有的 logo 和素材喂进去）；要交付生产软件还是用 Claude Code——Claude Design 管的是设计工作里"写代码之前"的部分：早期构思、协作、在投入开发前拿到方向认同。两者已经打通：Claude Code 会话里可以直接要设计，设计定稿后交回 Claude Code 从现有工作继续，而不是从截图重来。
#他自己在怎么用
- Claude Design 的开场动画 ：他不是动画师，所以先让 Claude Design 给他造了一个定制视频编辑器，再用这个编辑器做动画——用工具造工具
- 可调动画物理参数的地铁时刻 app
- Instagram 式调色控件——用滑块和预设而不是文字描述来调配色
- Claude Design 自身的重设计：三个同事在工具内部 riff 新编辑器方案，不会原样上线，但这就是他们探索产品方向的方式
#十条实践（最值得抄的部分）
- 想清楚再 prompt 。他花很多时间写提示词——语音输入、沙发上打 Notes、散步录音转文字。离开电脑想清楚要什么，坐下来让 Claude 精确执行
- 告诉它该长什么样 。不指定的话 Claude 会滑向它自己偏好的美学（就是那个全网都认得出的"AI 设计风"）——指定字体颜色、给 moodboard、或让它先头脑风暴配色组合再挑
- 把重复工作变成 design system 。上传品牌文件/设计稿/GitHub 仓，Claude 分析后生成 design system，之后产出都基于你的组件并自检——可以存多套，大团队可由管理员锁定一套标准
- 要十个方案再 remix 。"我喜欢 B 加一点点 D，给我五个揉在一起的变体"
- 画不出来的就拍草图上传
- 指着说 ：点选元素 + 语音输入，替代"左边第三个按钮"式的文字定位
- 保真度不重要时先要 wireframe ——更快，也让模型专注结构而非表皮
- 最后一英里手动做 ：直接编辑工具（挪位置、删元素、改字、调色）不花 token，尺寸对齐这种小事本来就该用眼睛调
- 给它真实上下文 ：连 GitHub 或在 Claude Code 里基于本地代码库工作，Claude 会抓你现有组件和页面做起点；对话中途要设计，它会用上已有文件和记忆
- 别等它做完 ：可以排队多条消息，或在它干活时继续说
#别画死鱼
结尾引了 Bret Victor 那场《Stop Drawing Dead Fish》——"我们画的一切都该默认是活的"。他最喜欢那些不装进现有盒子的产出：带可交互模拟的文档、会说话的幻灯片、本身是视频的图表、自带编辑器的设计。代码（具体说 HTML）是极佳的创意媒介，而设计师第一次能真正轻松地用它创作了。