Claude Design 可以把获准使用的品牌资料转为新设计和演示文稿可用的系统。有用的成果不只是一组配色,而是一套已保存、经过审核的颜色、字体、组件与版式规则,并能在新设计中检查其使用情况。本指南面向有权处理源文件并批准结果的品牌负责人或设计师。这是依据文档编写的流程;BIG CHANGE 未在 Claude 账号中创建或测试系统。
重要变化
- 发生了什么变化: Claude 当前的聊天和 Artifacts 路径,让获授权负责人可以根据批准的品牌参考资料建立可复用规则。团队使用前,生成的系统仍须审核。
- 为什么重要: 对照并修正规则,再测试一个新设计,能帮助负责人检查已保存的系统是否把预期品牌规范带入实际作品。
- 需要注意: 负责人仍须验证该设计是否继承规则、素材和字体权利、无障碍检查以及最终分享对象。首份成果好看,不能解决这些问题。
准备来源资料与账号
设计系统功能在 Pro、Max、Team 和 Enterprise 方案中处于测试阶段。基础 Claude Design 的可用范围更广,但不代表每个账号都有 Design systems 功能。检查目标组织和账号。Enterprise 的负责人可能需要在 Organization settings > Artifacts 启用 Design systems;组织设置和自定义角色也可能限制访问。如果组织有存储或数据驻留要求,提交文件前先解决:Anthropic 表示 Claude Design 目前不支持数据驻留要求,上传素材会持久保存。
收集至少一份批准来源,例如当前品牌指南、获准的标志和字体、代表性演示文稿或自有组件库。逐项记录所有者、版本、使用与处理权利及已知冲突。颜色值、字体许可或标志规则有冲突时,请品牌负责人裁决。缺少决定的事项应保持未定;Claude 不能替所有者批准品牌值。选择团队实际需要的代表性设计,并确定谁能审核、之后谁可接收系统。
保留私密工作记录,注明来源版本与权利、账号与组织、系统名称和所有者,以及审核的修订版。为颜色角色与值、字体系列与许可、标志变体与规则、组件变体与状态、间距与版式、独立无障碍结果、测试设计身份、批准及分享回读留出记录位置。这些是你自己的审核记录,不是 Claude 承诺提供的字段。
建立并审核系统
- 在目标账号中打开 Design systems。 确认功能可用且组织正确。Anthropic 当前允许在聊天中要求 Claude 根据连接或上传的品牌资料建立系统,再到 Settings > Design systems 管理。如果无法访问,先记录具体方案、功能或角色障碍。不要为了绕过限制,把敏感素材移到个人账号。
- 提供批准的参考资料与范围明确的请求。 只上传或连接允许处理的材料。自然语言请求即可:“根据这些已批准参考资料创建一个设计系统。为每个建议颜色、字体规则、标志要求、组件和版式说明来源。将缺失或冲突的规则标出,交由负责人审核,不要自行编造。”记录实际输入版本和生成系统的身份。如果已有由 React 组件构成的真实设计系统,Anthropic 也介绍了在 Claude Code 中使用
/design-sync的另一条路径;仅在代码与访问均获授权时使用。 - 将生成的系统与来源逐项核对。 在其产物中检查所有重要颜色角色与值;字体系列、字重、字号层级和许可;标志变体、安全留白与禁用方式;组件、变体与状态;间距、网格和版式。确认使用说明解释了每条规则何时适用。无依据或缺失的项目标为未解决,修改前取得负责人的决定。看似合理的生成标志概念,不会因此成为获许可的品牌标志。
- 修正、记录并保存审核后的版本。 只要求 Claude 修改有批准来源或负责人明确决定支持的规则。重新打开已保存系统,将修正值与参考资料对照。保留自己的带日期变更记录及获准保存的规范副本:Anthropic 表示 Claude Design 还没有版本历史。为准备测试的修订版记录系统身份、所有者、来源版本、审核人和未解决事项。
- 在系统产物之外进行检查。 使用独立对比度工具,按项目适用标准测量预期文字与背景组合,包括组件状态。WCAG 2.2 最低文字标准为普通文字 4.5:1、大字 3:1,并适用其列明例外。在实际设计中能检查的地方,检查字体权利与可读性、响应式版式、焦点可见性和键盘行为。Anthropic 表示系统产物中的实时组件预览无法通过 Tab 到达并操作;读出名称与说明不等于键盘测试。无法执行的检查应记录为未解决。仅通过对比度检查不证明整体无障碍。
- 在新作品中测试规则继承。 从聊天或 Artifacts 的 Design 模板开始新的代表性设计,附加或选择审核后的系统。检查相关尺寸下的实际画布,对照已保存修订版的颜色角色、字体、标志用法、组件、状态与间距。规则偏离时,按情况修正系统或设计,再新建或刷新测试并重查。在目标账号重新打开系统和测试设计。一次成功只表明该设计的实际情况,不保证以后所有输出。
- 取得负责人的决定后再分享。 设计最初为私密。如果目标是私密审核系统,就保持私密并记录。如果团队使用获批,使用 Artifacts 当前分享控件,再读取实际受众。有 Design systems 访问资格的人都能创建系统并分享给指定人员;分享给所有人或设为组织默认值,必须由 Owner 或 Primary Owner 完成。系统必须先向所有人分享,才能设为默认。要将其他创作者的系统分享到全组织,Owner 或 Primary Owner 必须先获得创作者授予的最高级访问邀请。在正确账号确认最终所有者、受众和默认设置。独立应用 claude.ai/design 有另外的发布控件,计划于 2026 年 12 月 14 日关闭;它的 Published 开关不是 Artifacts 分享步骤。
结果未通过检查时
功能不可用时,检查方案、Artifacts 设置与角色,并停在具体权限边界。上传或连接失败时,先查看响应和获准资料,再进行有限重试。来源冲突交回品牌负责人,不要用生成值补缺。已保存规则或新设计偏离批准参考时,修正并重新对照。分享变更结果不确定时,重试前先读取当前受众与默认值。品牌以后更新时,应重新审核受影响规则和测试设计。
Claude Design 与 Claude 其他功能共享使用额度,包括 Claude Code;启用时可能有额外使用点数。大型输入与反复迭代会消耗更多额度。本指南未测量时间、费用或输出质量。Anthropic 介绍了 ZIP、PDF、PowerPoint 或独立 HTML 等设计导出,但这不证明系统能自动导出 CSS、JSON、Tailwind 或 Figma 令牌。承诺交付前,在当前实际产品中核实所需下游格式。
完成标准是:保存的系统有明确所有者和审核版本;重要颜色、字体、标志、组件与说明能追溯到批准来源;独立检查有记录,未决项目清楚可见;新设计明显使用审核系统;实际受众与默认状态已读取确认。另一种为 Claude Code 制作经所有者批准的设计规范的方法,请看我们的DESIGN.md 指南。
资料来源与延伸阅读
- Anthropic:在 Claude Design 中设置设计系统——方案资格、聊天与 React 组件创建路径、保存系统管理、来源、测试建议和键盘限制。后面的独立应用说明是另一条路径。
- Anthropic:Team 与 Enterprise 的 Artifacts 管理指南——当前组织控制、分享及默认设置权限、使用额度、持久上传和数据驻留限制。
- Anthropic:开始使用 Claude Design——当前聊天与 Artifacts 创建、系统附加、画布检查、隐私、共享额度和缺少版本历史。
- Anthropic:什么是产物,如何使用?——基于模板的设计导出选项;不承诺设计令牌互通。
- W3C:理解 WCAG 2.2 最低对比度——供独立检查使用的文字对比度阈值和例外。



