Anthropic 为 Claude Code 推出 /design,可在终端机直接编辑界面

Anthropic 为 Claude Code 推出 /design,可在终端机直接编辑界面

N
News Editor
2026-08-19 04:03:38
Anthropic 为 Claude Code 上线 /design 研究预览,用户在 CLI 或桌面版输入一行指令,就能生成多组可编辑界面画板,并在同一会话里继续写入代码。该功能支持选择画板、调整组件、行内改字、撤销与重做,但保存仍受账号权限限制,且不保证自动继承项目既有 design token 与组件,更适合单一功能设计。
AnthropicClaude CodeClaude DesignAI 设计终端机开发界面设计开发工具

Anthropic 为 Claude Code 推出新的 /design 指令。该功能目前处于研究预览阶段,支持 CLI 终端机和桌面版,用户更新到新版后,只要输入类似 /design a few options for 某个项目 的指令,就能直接生成多组可编辑的界面设计,并在同一会话里继续推进代码实现。

这次更新把设计生成、挑选和修改放进了终端机里,省去了过去先导出设计稿、再贴回代码编辑器重写的流程。Anthropic 工程师 Nate Parrott 表示,Claude 会先读取现有 codebase,并比对项目当前的 UI 风格,再生成可分享的 mockup。

一行指令生成多组可编辑界面

在 Claude Code 中输入 /design 指令后,Claude 会一次生成几组可以编辑的界面画板(artboard)。用户可以从中选出最接近需求的一版,再直接在画布上点选组件,通过属性面板微调样式,也可以直接修改文字内容,同时支持 undo 和 redo。

如果按下 Save,系统会发布新版本;但若账号没有获得保存权限,用户只能查看内容,或导出 PNG、PDF,不能直接修改后保存。该功能要先执行 claude update 更新到新版后才会出现。

Anthropic 在 8 月 18 日宣布这项更新。Nate Parrott 同日也在社交平台发文介绍称,用户可以先在 Claude Code Desktop 或 CLI 中尝试输入「/design a few options for {feature}」,随后挑选喜欢的画板、编辑并实现。

从独立设计工具收拢到开发现场

这项功能被视为 Anthropic 持续把设计流程收拢进开发环境的一步。2026 年 4 月 17 日,Anthropic Labs 推出 Claude Design,将其定位为可与 Claude 一起制作设计稿、原型、演示文稿和一页式文案的视觉工作区,并以研究预览形式上线,由 Claude Opus 4.7 驱动。根据原文,这项产品在上线第一周的使用人数超过 100 万。

到了 6 月 17 日,Claude Design 迎来一次较大更新,加入了从 GitHub repo、设计文件、原始上传内容或本地 codebase 导入既有 design system 的能力。Claude 生成图像后,会先拿自己的输出与这套 design system 进行比对并自我修正,再展示给用户。

Anthropic 对那次更新的描述是,Claude Design 从一个“快速做 mockup 的工具”,变成了一个覆盖 brand、design 与开发工作的 governed workspace。按原文梳理,其路径是先用独立工作区验证需求,再通过治理机制控制成本和质量,最后把最终确认后的生成动作,直接放进 Claude Code 的命令行。

/design 仍有限制

Anthropic 也明确写出了当前阶段的限制。首先,画板需要手动保存才会保留,没有点击 Save 就不会留下结果。其次,界面本身仍有不少粗糙之处,还不是打磨完成的稳定版本。

原文还提到,/design 会消耗 token,在原本就在写代码的 session 中额外增加上下文负担。更关键的是,它不保证会自动继承项目现有的 design token 和组件,很多情况下仍需要手动指定。

从适用范围看,这项功能更适合单一功能的设计场景;如果涉及多页面流程,Anthropic 目前仍建议回到网页版 Claude Design 处理。

本文最初由 Bit.Fan 发布。 欲了解更多加密货币新闻与市场洞察,请访问 www.bit.fan.
20

免责声明:

本平台展示的市场信息、项目资料与第三方内容仅用于行业信息分享,不构成任何形式的投资建议或收益承诺。

加密资产交易具有较高风险,用户应充分评估自身风险承受能力并独立作出决策,相关盈亏及法律责任由用户自行承担。