用 Claude Design 制作用户引导原型，可以先把任务限定为四屏：欢迎、选择目标、设置偏好、完成。每屏写清一个主要动作，再让 Claude 生成可检查的设计，后续围绕流程和组件逐项修改。
本文依据 2026 年 11 月 2 日读取的官方帮助页整理。Claude Design 已作为 Artifacts 模板提供，支持 Free、Pro、Max、Ultra、Team 和 Enterprise；组织管理员仍可控制相关功能。下文以虚构的读书记录应用演示任务写法，操作入口来自官方文档。
从哪里打开 Claude Design，怎样提供参考
在任意 Claude 对话中提出设计任务，也可以选择输入框中的 Output > Design，或在 Artifacts 页面选 Design 模板。
先写清每屏的标题、主要按钮、返回方式和下一步。下面是读书记录应用的四屏示例，属于设计要求：
- 欢迎：介绍用途，主要按钮进入目标选择。
- 选择阅读目标：选择目标，再进入偏好设置。
- 设置每周提醒：默认关闭，由用户选择是否开启。
- 完成：确认选择，并说明接下来可以做什么。
已有产品可附上截图、设计文件或代码仓库。组织已配置设计系统时，新项目会继承它。
可直接使用这样的任务说明：
为一个读书记录应用制作手机端四屏引导原型。四屏分别为欢迎、选择阅读目标、设置每周提醒、完成。每屏只有一个主要按钮，允许返回修改。提醒默认关闭，用户主动选择后再开启。沿用附件里的颜色和按钮样式，使用演示文案，先完成页面和跳转。
提示词中的默认状态、返回路径和屏幕数量，是本例的设计要求，需要在生成结果中逐项核对。
画布、评论和聊天分别怎么修改原型
生成后，先沿用户路径查看四屏是否齐全，按钮文案能否说明下一步，返回后之前的选择是否合理保留。实际点击原型中的按钮检查交互，再用截图审阅布局和样式。
| 要修改的内容 | 适合的方式 | 示例 |
|---|---|---|
| 页面顺序或整体结构 | 聊天 | 把目标选择放到第二屏 |
| 某个按钮或组件 | 画布 inline comments | 这个次要按钮改成文字链接 |
| 位置、尺寸与对齐 | 直接编辑画布 | 拖动或对齐选中元素 |
官方记录了评论偶尔未被读取的问题。遇到这种情况，把具体反馈粘贴到聊天中，并注明页面和组件位置。
没有版本历史时怎样保留当前方案
Claude Design 当前尚无版本历史。需要比较另一种布局时，先让 Claude 保存当前工作并确认保存位置，再尝试新方向；也可以导出一份供对照。对重要修改保留明确记录，便于说明最终采用了哪一版。
多人同时编辑目前仍较基础，官方说明可能不够稳定。多人评审时，可先收集评论，再由一位编辑集中修改。
如何导出 HTML 或交接给 Claude Code
官方列出的导出格式包括 ZIP、PDF、PPTX、Google Slides 和独立 HTML。需要继续开发时，可以交接给 Claude Code、本地编码代理或 Claude Code Web。Claude Code 中的 /design 支持相关设计操作，/design-sync 用于同步设计系统。
手机端可以创建、查看和编辑设计，修改共享设置需要使用网页或桌面端。Design 活动与其他 Claude 工作共用套餐用量，较大代码库和多轮迭代会增加消耗。
常见问题
Q: 免费版能用 Claude Design 吗？ A: 当前帮助页列出 Free 在支持套餐内。团队或企业还需确认组织功能设置。
Q: 必须先打开独立的 Design 网站吗？ A: 可以直接在 Claude 对话或 Artifacts 模板中开始，输入框也提供 Output > Design。
Q: 已有品牌风格怎么交给 Claude？ A: 提供截图、设计文件或代码仓库；组织已设置的设计系统可被项目继承，也可通过 Claude Code 的 /design-sync 同步。
Q: 局部按钮改动用什么方式方便？ A: 在画布上给对应组件加评论，或直接用布局控件调整；结构变化用聊天说明。
Q: 改错后有完整版本历史吗？ A: 当前官方列出的限制是尚无版本历史。探索新方案前应保存当前结果并确认位置。
Q: 手机端能调整共享权限吗？ A: 当前需要在网页或桌面端修改共享设置，手机端用于创建、查看和编辑设计。
来源与日期
事件或文档时间：帮助页发布日期未知；内容核验 2026-11-02。本文采集核验日期：2026 年 11 月 2 日。