这两天,Claude Code 用户圈子里刷屏的,是一个叫 /design 的新命令。它 8 月 18 日放出,CLI 和桌面端都能用,目前是 research preview(早期预览)阶段。小红书
流传的截图都是这种画面:终端里敲一句命令,几分钟出来一张画布,几个设计方案并排摆着,旁边还贴着设计思路的便签。有独立开发者直接拿它定小工具的原型,一天就把东西做完了,直呼"这波更新可以给到一个夯"。但评论区并不是清一色的吹捧:有人说"用了几次,感觉在开盲盒",有人问"能替代 Figma 吗"。我把官方演示、媒体转述、高赞实测帖和评论区翻了一遍,交叉核对之后,这篇就把三件事说清楚:它到底是什么,谁适合用,谁先别碰。
/design 是什么:把"设计"挪到写代码之前
先说本质:它不是"AI 画图"功能,而是把设计这一步挪到了写代码之前。以前的流程是想需求、直接开写、写完发现页面长得不像话,再推倒重来。有帖子一句话总结了这个坑:用 AI 做网页,最容易踩的不是代码写不出来,而是代码写了一大半才发现页面长得不对。小红书卡片太挤、重点不突出、层级混乱,token 烧了不少,页面还是没方向。
/design 插进来的就是这一步:它的思路不是让 AI 直接埋头写代码,而是先把几套设计方案摆出来,你先选,再改,最后才实现。小红书
几个关键事实,都来自多方信源交叉确认:
8 月 18 日放出,目前是 research preview(早期预览),不是正式全量上线;
入口在 Claude Code 的 CLI 和桌面端,先执行 claude update 更新,再输入 /design 命令;
它不是凭空画图:会读取你当前的代码库,匹配现有界面风格,复用你的组件和设计规范。出来的方案是"在你的产品上做修改",不是一张跟你无关的模板图。小红书
画布基于 artifacts 构建,设计稿不再是割裂的 Figma 文件,而是仓库里能直接接开发的产物。对在终端里写前端的人来说,等于不用切工具就能边写代码边出 UI 草图。小红书

有一个事实边界必须说清楚。网上有帖子写得像"人人都能用了",但我核对过,截至 8 月 17 日的官方 changelog(v2.1.234),并没有写入 /design。小红书也就是说,这是灰度中的早期预览,不是所有套餐、所有地区默认开放。如果你更新之后敲 /design 没反应,不一定是操作问题,也可能只是账号和入口还没覆盖到你,不用急,也别硬折腾。
四步工作流:先看方案,再写代码
根据演示和实测帖的还原,完整用法大致是四步:先根据需求生成多个画板,再选中喜欢的方向,继续编辑细节,最后进入实现。
命令可以直接抄:/design a few options for {你的功能}。小红书需求写得越具体,出稿越稳——把读者是谁、布局要求、信息重点一次说清,比一句"帮我设计个页面"强得多。

好用的地方,集中在三点
第一,快。一条命令几分钟出几套方案,属于原型级速度。有用户用它定完方向,一个小工具一天就开发完成了。小红书
第二,方向先定,代码后写。它最适合的场景是新功能、新页面、大改版——都是"方向还没定"的时候,方向挑对了再写代码,省掉的是"写完一版再推翻"的整段返工。小红书
第三,不割裂。因为它读代码库、复用现有组件和样式,方案是从你的项目里长出来的。对 web 项目尤其友好:画布底层是 HTML,设计稿和最终代码几乎是同一种语言,还原度最高。桌面端用户甚至不用导出,画布 HTML 直接在上下文里,接着开发就行。

泼几盆冷水:评论区翻车点合集
这部分更值钱,因为吹的帖子不会告诉你这些:
开盲盒。有用户直言"用了几次,感觉在开盲盒,也没有代码审阅模式,一股脑生成"。输出质量不稳定,有的方案布局一眼就能看出 AI 味,还得手调。
替代不了 Figma。有人问能不能画带切图的正经设计稿——目前答案是不能,指望它当专业设计交付工具,会失望。
生产级还难。评论区最狠的一条留言,意思是正儿八经要做一套精致 UI 的准确 tsx 和 react 还是难,说到底不具备生产级环境的输出。小红书
移动端打折。SwiftUI、Kotlin 这类项目要做语言转换,有实测反馈还原度八成左右——拿来做效果图、对齐方向够用,但别当最终 UI。
反过来也有一条实用经验:项目里已有代码越成熟、组件和样式越规范,/design 出图越稳;空项目上来就用,更容易开盲盒。
谁该用、谁该等、谁别碰
把全网信息汇总后,我的判断分三档:
现在就该试的:
Web 独立开发者、手搓小工具小网站的人。这是受益最大的人群,"原型→定方向→写码"的链路能省掉一整圈弯路;
经常要"先拿个东西给人看"的人。跟客户、跟老板对需求,先甩几套视觉方案,比口头描述高效得多。
可以用,但把预期降一档的:
移动端开发者(SwiftUI / Kotlin)。八成还原度,做效果图、对方向可以,最终 UI 还是要人工精修。
先别碰的:
指望它替代 Figma 的。没有切图、没有专业设计交付流程;
要求生产级精致 UI 的。研究预览阶段的产出还到不了这个标准;
账号还没开放的。别折腾,等全量。
没开放?有个平替可以先用
如果你的 Claude Code 还没有 /design,可以先装 Anthropic 官方的 Frontend Design 技能——设计类安装量第一,累计安装 71.6 万,官方给它的定位就是"写码前先定美学方向,让 UI 像人设计的"。哔哩哔哩思路跟 /design 一致:先定视觉方向再动手,让页面摆脱"紫渐变 + 四卡片网格"的一眼 AI 味。
接下来值得盯的三个信号
/design 什么时候写进官方 changelog——那是全量放开的标志;
是否开放更多套餐和地区;
用户呼声很高的"代码审阅模式"会不会安排上。
这波更新真正的信号是:设计正在变成编程工作流的一部分,设计稿从割裂的文件变成仓库里的一等公民。对用 Claude Code 做独立开发的人来说,方向绝对是好事。但在研究预览阶段,把预期摆在"定方向工具"上,别当"设计师替代",你就不会失望。毕竟以后真正拉开差距的,可能不是谁让 AI 写得最快,而是谁能在写代码之前,把方向选对。小红书