/design
2026-08-17 的 research preview：先画 artboard，再实现
Nate Parrott（Anthropic design）2026-08-17 在 X 上宣布 Claude Code 的 /design 早期预览：在 Desktop 或 CLI 里跑 /design a few options for {feature}，选中 artboard、改完再让 Claude 实现。ClaudeDevs 同日写明这是 research preview，建立在 artifacts 上，面向 Pro / Max / Team / Enterprise。先 claude update。
四个可单独引用的点
斜杠命令，不是单独的网站
在 Claude Code Desktop 或 CLI 的同一会话里跑。官方示例是 /design a few options for {feature}，先出可编辑 artboard，再实现。
早期预览宣布日
Nate Parrott 当天帖子与 ClaudeDevs 线程是一手源。更早的 2026-06 集成是 Claude Design ↔ Claude Code 的双向同步；08-17 把 artboard 工作流直接放进 Code。
画板活在同一会话
ClaudeDevs：/design skill 把 Claude Design 的 artboard 工作流带进 CLI 与 Desktop，建在 artifacts 上。读代码库、对齐现有 UI，生成可分享的 mock。
Pro / Max / Team / Enterprise
ClaudeDevs 写 Available on Pro, Max, Team, and Enterprise. Update Claude Code to try it。不是 GA，行为会变。QCode 不接管 Claude Design 产品。
/design 解决的是「设计决策被代码一步吞掉」
直接对 Claude Code 说「做首页」时，需求、视觉、实现经常被压成一步。/design 把流程拆成：需求 → 视觉探索（canvas / artboard）→ 选定与修改 → 再实现。这是 Claude Design 的画板，不是 Figma 替代品的营销口号；预览阶段的能力以你本机更新后的命令为准。
和 6 月那次 /design 同步不是同一则发布
2026-06 左右，Claude Design 已经能从代码库读设计系统，也能把成品交给 Claude Code。08-17 的新闻是：同一套编辑器和提示被放进 Claude Code，不必先开 claude.ai/design 再把截图贴回终端。Week 34 digest（2026-08-17–21）把它记进 whats-new。命令形态仍是 research preview。
时间线
Claude Design 从 Anthropic Labs 以 canvas + chat 预览出现（后续报道回溯）。那是独立设计助手，还不是 Code 里的斜杠命令。
Claude Design 与 Claude Code 双向：代码库感知、设计系统导入、终端里已能打 /design。那一轮解决的是往返，不是 08-17 的 artboard 预览包装。
Nate Parrott 宣布 early preview；ClaudeDevs 确认 skill、artifacts、套餐范围。建议先 claude update。本页按 2026-08-30 仍把状态写成 research preview。
已确认 vs 传闻
已确认
一手源是 2026-08-17 的 Nate Parrott 帖与 ClaudeDevs 线程：/design 在 Desktop 与 CLI、artboard、artifacts、research preview、Pro/Max/Team/Enterprise。它读代码库并对齐 UI 风格，也写在后续帖里。
传闻 / 误读
「/design 等于 Claude Design 已经 GA」——官方仍写 research preview。「QCode 代管 Claude Design」——QCode 提供模型 API，不托管 Anthropic 的 Design 产品。「没订阅也能在任意 API key 上打开官方 /design skill」——ClaudeDevs 写的是套餐范围，以客户端为准。
先设计 vs 直接写
适合先跑 /design 的任务
有多种视觉方向、需要和现有组件对齐、要在实现前给同事看 mock。官方例句就是 a few options for {feature}。选定 artboard 后再让同一会话写代码。
不必强行走画板的任务
纯后端、无 UI、或设计系统已经钉死只差填逻辑。这时候直接实现更短。预览命令也会占套餐用量，和 Claude Code / 聊天共享限额。
官方用法（不换平台）
更新 Claude Code，在 Desktop 或 CLI 输入 /design …，在 artboard 上选方向、改完再要求实现。本页不把 QCode 写成 Claude Design 的宿主。模型路由与计费是另一件事：若你用 API 跑 agent，选当前确实在售的型号即可。不描述绕过套餐门控或伪造客户端的做法。
QCode 不管 Claude Design 产品
/design 是 Claude Code 客户端里的 skill / 斜杠命令，画板与 artifacts 属于 Anthropic 产品。QCode 提供按官方价 × 服务费率计费的 API。需要自备模型时，用已开通的 key 调在售型号；不要指望 QCode 弹出 Claude Design 的 artboard。
常见问题
/design 在 CLI 和 Desktop 都能用吗？
Nate Parrott 与 ClaudeDevs 都写 from CC Desktop or CLI。先更新到宣布日之后的版本。若命令不出现，以你本机 claude --version 与 /help 为准。
这是 GA 还是 preview？
ClaudeDevs 原文是 research preview。能力、配额、UI 都会变。不要按 GA 写进生产规范。
需要哪一档 Anthropic 套餐？
ClaudeDevs：Available on Pro, Max, Team, and Enterprise。以客户端登录后的实际开关为准，本页不扩展到未写明的档位。
和 6 月就能打的 /design 有何不同？
6 月报道的是 Design ↔ Code 往返与设计系统导入。08-17 强调把 Design 的编辑器与提示直接放进 Code，用 artifacts 出可编辑 artboard。
QCode 会渲染这些 artboard 吗？
不会。artboard 在 Claude Code / Claude Design 里。QCode 是模型 API。两者不要当成同一个产品。
用量算在哪？
2026-06 的报道写过 Design 与 Code / 聊天共享用量池。08-17 预览没有单独公布另一本账。以 /usage 和套餐页为准。
信息来源
Nate Parrott https://x.com/nateparrott/status/2089470636796059754（2026-08-17）。ClaudeDevs 同日线程：research preview、artifacts、Pro/Max/Team/Enterprise。code.claude.com/docs/en/whats-new Week 34（2026-08-17–21）。6 月往返背景见当时对 Claude Design 的产品报道，不当成 08-17 的发布说明。抓取核对 2026-08-30。
相关阅读
Claude Code 指南
斜杠命令所在的客户端，而不是 Design 产品本身。
Claude Code 斜杠命令
/design 之外的命令清单，避免和 /effort、/model 搞混。
Claude Code Ultrathink / Ultracode
同生态的高强度实现路径；先设计再实现时常常接到这一步。
整理自 Anthropic 员工与 ClaudeDevs 的公开帖以及 Claude Code 更新说明，不代表 Anthropic 对 preview 功能的承诺。命令是否出现以你的客户端版本为准。QCode 不绕过套餐门控。