过去用 AI 做界面设计，中间永远卡着一个笨拙的动作：在别的工具里生图、导出文件、切回代码编辑器粘贴重写。Claude Code 这次更新拿掉的正是这一步。
Anthropic 于台湾时间 2026 年 8 月 18 日宣布，Claude Code 添加 /design 指令，只要输入「/design a few options for {功能名称}」，就会在终端机里一次生出好几组可编辑的界面画板（artboard）。选定其中一组后，可以直接在画布上点击组件、用属性面板调整样式、行内编辑文字，也能 undo、redo。按下 Save 才会发布新版本；如果帐号没有保存授权，就只能查看画面，或导出成 PNG、PDF，无法真的动手改。
Anthropic 工程师 Nate Parrott 在 8 月 17 日于 X 发文示范这个指令，并说明 Claude 会先读取既有的 codebase，比对项目目前的 UI 风格，才产出可分享的 mockup。也就是说，选定画板之后，Claude Code 是在同一个工作阶段（session）里接着往下写代码，不必再多跑一趟导出贴回的手续。这个功能目前是研究预览（research preview）阶段，同时支持 CLI 终端机与桌面版，需要先运行 claude update 更新才会出现。
从独立工作区到治理平台，再到写进终端机指令列
把时间拉回 2026 年 4 月 17 日，Anthropic Labs 当时推出的是一个独立产品 Claude Design，定位是能与 Claude 一起做设计稿、原型、演示文稿与一页式文案的视觉工作区，由 Claude Opus 4.7 驱动，同样以研究预览形式上线，第一周使用人数就超过 100 万。两个月后的 6 月 17 日，Claude Design 迎来一次大改版，补上了原本缺的能力：可以从 GitHub repo、设计档、原始上传或本地 codebase 导入既有的 design system，Claude 产图后会先拿自己的输出去对照这套系统自我修正，再显示给用户。Anthropic 对这次改版的说法是，Claude Design 从一个「快速做 mockup 的工具」变成「brand、design 与开发工作的 governed workspace（受治理的工作区）」。
先有独立工作区验证需求,再补上治理机制控制成本与品质,如今最终的确认生成动作,直接塞进了 Claude Code 的指令列——这是三步棋走到现在的样子。
不过 /design 的限制写得很清楚：画板要手动存盘才会保留，没按 Save 等于白做；界面本身还有粗糙的地方，不是打磨完成的稳定版；生成过程本身也会吃掉 token，在原本就在写程序的 session 里增加额外的脉络负担。更关键的是，它不保证会自动继承项目既有的 design token 与组件，很多时候仍得手动指定。适用范围也偏窄，比较适合单一功能的设计；遇到多画面流程，Anthropic 目前仍建议回到网页版的 Claude Design 处理。
