Claude 设计大改版：设计系统导入、双向打通代码和代币消耗优化

Anthropic 于 6 月 18 日宣布 Claude Design 大规模改版，主要亮点包括：支援从 GitHub 仓库、设计档或原始素材匯入设计系统；与 Claude Code 双向打通；以及针对 Token 消耗问题的双层改善方案。同步扩展 9 家匯出合作夥伴，包括 Adobe、Base44 等。

设计系统匯入：从 GitHub 仓库匯入并锁定品牌规范

此次改版的核心更新是重新打造的设计系统匯入功能。使用者现在可以从 GitHub 仓库、设计档或原始素材上传设计系统；匯入后 Claude 会以这些元件为基础进行创作，并在输出前自动比对设计系统规范进行修正，使用者不会看到修正前的版本。

新版新增的管理员角色可以核准单一标准设计系统并锁定编辑权限，确保 Claude 产出的每个素材符合公司品牌规范。这与初版的本质差异在于：初版 Claude Design 更像空白画布，输出反映的是 Claude 的审美判断；改版后则能依照品牌规范产出，适合拥有严格品牌规范手册的大型企业。

Claude Code 双向整合：/design-sync 和 /design 指令的功能说明

Claude Design 与 Claude Code 的双向整合是第二项重大更新：

· 在 Claude Code 中输入 /design-sync 指令，可将本地程式碼库的设计系统匯入 Claude Design；设计完成后一键交给 Claude Code 进入开发阶段，无需截图或重建。

· 反向操作方面，在 Claude Code 终端机输入 /design 指令，开发者可直接建立、编辑和同步设计专案，不必离开工作流程。

文章指出，设计与工程之间的交接是软件开发领域数十年来最顽固的摩擦点之一。Figma Dev Mode、Zeplin 等工具试图透过从设计档产生规格与程式碼片段缩小差距，但转译过程始终有损耗。Anthropic 的赌注是：如果同一 AI 系统同时处理设计和程式碼、共用同一套元件库，这个差距可以消除。

Token 消耗改善的双层方案

Anthropic 的 Token 消耗改善分两层：

共享用量池：Claude Design 现在的用量限额与对话、Claude Cowork、Claude Code 共用，而非从独立的更小池子扣款，让大多数使用者获得更大缓冲空间。

提升每次生成效率：Anthropic 宣称已降低每次生成的平均 Token 消耗，同时维持输出品质；新的编辑器允许使用者直接拖曳、调整和对齐个别元素，无需为每个小调整消耗模型推论；数百项稳定性修复也减少了因错误和重新生成浪费的 Token。

文章同时指出，结构性矛盾仍然存在：生成式设计需要 Claude 同时推理版面、排版、色彩、间距、响应式与内容并产生完整可运作成品，工作负载远高于对话问答。对 Team 和 Enterprise 方案的大用量客户影响较小，但对 Pro 订阅户而言此问题仍然存在。

常见问题

设计系统匯入功能对哪类用戶最有价值？

根据文章，设计系统匯入对大型企业最具战略意义——这些组织拥有严格的品牌规范手册，需要确保 Claude 的每个输出都符合公司视觉标准。初版 Claude Design 的「空白画布」定位对个人或新创用户够用，但对拥有 200 页品牌规范的大型企业根本无法採用。

Claude Code 的双向整合是否需要额外订阅？

文章中未披露是否需要额外订阅，仅说明整合透过 /design-sync 和 /design 指令实现。具体定价和订阅要求需参考 Anthropic 官方公告。

9 家匯出合作夥伴中，Claude Design 在工作流程中扮演什么角色？

根据文章和各合作夥伴的表述，Claude Design 定位为「创意中枢」而非终点站——它是设计工作流程的起点，Adobe、Canva、Vercel 等合作夥伴负责后续的打磨、协作和部署。Replit 总裁 Michele Catasta 描述为「在创意萌芽之处接住建造者」，Vercel 的 Andrew Qu 则谈到「直接把概念推到 Vercel 上线」。