每天早上一封邮件,把昨天的 AI 梳理好订阅邮件

METAL LAB

Claude Code新增/design命令 可直接生成UI初稿

Anthropic在Claude Code中新增了基于画板的设计功能,目前处于研究预览阶段

Claude AI가 컴포저 사용 데이터를 분석하는 화면

이미지: X — 테스팅카탈로그 영상 갈무리

摘要

  • Claude Code CLI和桌面版新增了/design命令,目前为研究预览阶段
  • 该功能将Claude Design的画板工作流引入artifacts体系,可生成多个可编辑的UI初稿
  • 用户反应不一,部分人对上线初期的可信度表示担忧
原文视频
기능명
/design (연구 프리뷰)
지원 환경
클로드 코드 CLI, 데스크톱
기반 기술
Claude Design 아트보드 워크플로우, artifacts 기반
사용 흐름
아트보드 생성 → 선택 → 수정 → Claude가 구현
발표 시점
2026년 8월 17일(UTC 23:49)

只会写代码的工具,如今开始画界面

此前,Claude Code一直是在终端中编写和修改代码的工具。如果需要设计界面,用户必须先自己画出布局,再用语言描述让Claude转化为代码。此次Anthropic新增的/design命令颠覆了这一流程。执行该命令后,Claude会先生成多个可编辑的界面初稿,也就是所谓的"画板",供用户选择;用户选定其中一个并进行修改后,Claude会将其实现为实际代码。

这一消息由ClaudeDevs账号率先公开,随后被testingcatalog转发报道。据发布内容显示,/design目前仍处于研究预览阶段,其结构是在Claude Code现有的产出形式——artifacts(即Claude生成的代码或文档可在独立窗口中即时查看和修改的功能)之上,叠加了画板工作流。画板这一概念本身源自Claude Design,指的是将多个UI方案并排放置、进行比较和打磨的工作方式。

이미지: X — 테스팅카탈로그

具体如何使用

目前已确认可通过Claude Code CLI和桌面应用两种途径使用。无需额外设置,只需在命令窗口输入/design即可开始。

  1. 打开Claude Code CLI或桌面应用,输入/design。
  2. Claude会针对所请求的界面生成多个可编辑的画板并展示出来。
  3. 从中选择一个满意的方案。
  4. 直接调整颜色、布局、文案等,或用语言提出修改要求。
  5. 将确定的画板交给Claude,由其实现为实际可运行的代码。

除研究预览这一点外,发布内容未明确说明具体的订阅方案或地区限制。举例来说,可以用它一次生成多个网站落地页方案,从中挑选一个直接转化为可部署的代码,或用于反复打磨内部仪表盘的布局。

反应喜忧参半

公开后反响不一。一位用户在自己的账号中指出:"作为上线第一周的功能来说,这需要用户给予相当高的信任"。由于一个命令的执行会同时改动多个文件,因此有人担忧,对于尚未经过充分验证的早期版本,能在多大程度上放心交出代码修改权限。与此相对,也有人关注到画板不再是过去那种由人交付的固定产出物,而变成了由智能体随时重新生成的对象这一转变。

分类此前方式引入/design后
方案制作由人工直接制作初稿Claude自动生成多个画板
修改方式以文字提出要求后再查看代码直接在画板上进行调整
产出位置独立的文档或图片直接在artifacts中编辑

编辑视角

此次/design功能可以解读为一个信号:编程智能体之间的竞争,如今已从"代码写得好不好"转向"能否把界面工作也整体托付出去"。Cursor等竞品工具近期也在以封闭测试的方式试验能够审视整个代码库的标签页功能,方向大体相似。大家都在朝着让智能体不只掌握一行代码,而是掌握整个项目脉络——这次连设计也包括在内——的方向前进。

与上一代相比,这种变化的体感十分明显。以前如果对编程智能体说"把登录界面做得好看一点",得到的往往是一整块代码,一次成型。如果不满意,就得从头重新写提示词。而这次的方式不同之处在于,在这中间加入了"挑选与打磨"这一环节。让多个方案并排比较的流程,本身就与人们过去在设计工具中的工作方式十分相似。

从实操角度看,"研究预览"这个标签目前还不能轻视。与其直接用于实际服务的代码库,不如先在个人项目或原型阶段试用,并亲自确认一次操作会牵动多少个文件。正如用户所指出的,一条命令同时改动多个文件的功能,未经审查就直接合并,为时尚早。

预计接下来几周内,会有更多开发者分享实际使用体验,画板生成的内容能在多大程度上转化为可用于实战的代码质量,将成为关键。研究预览这个标签何时摘掉,也值得持续关注。