Anthropic大幅升级Claude Design：设计与代码协作体验究竟如何？

Anthropic本周宣布对Claude Design进行重大升级。这款设计工具于今年4月以研究预览版形式上线，此次更新旨在通过全新的双向设计与代码集成功能，简化设计团队与工程团队之间的交接流程，同时让用户更便捷地创建符合品牌规范的设计作品。

此外，Anthropic表示已认真听取用户反馈，针对早期用户反映的Token消耗效率问题进行了优化，并新增了编辑器功能，以及与Adobe、Base44、Canva、Gamma、Lovable、Miro、Replit、Vercel和Wix等工具的连接器，方便用户轻松共享内容。

然而，ABM Industries首席AI产品设计师阿尔菲·马丁向The New Stack表示，她认为Claude Design并未从根本上减少部门间的反复沟通。尽管她承认该工具可能让原型设计更便捷，但也警告Token效率问题可能依然存在，而且让Claude自行处理每一次设计更新，并不一定是最高效的工作方式。

"Token使用成本高昂，而Claude Design的消耗量很大，"马丁说，"很多时候，等它来改一个组件或调整某个细节，反而比自己动手还费时。"

设计与代码双向集成

Anthropic表示，新版Claude Design与Claude Code的协作更为紧密，用户可以在设计和编码之间自由切换，同时保持工作内容同步。

在设计转代码方向，开发者可以在Claude Code中运行/design-sync命令，将本地代码库中的设计系统直接导入Claude Design，供设计师基于现有组件开展工作。完成设计后，设计师可以轻松将内容交接给Claude Code，实现工作流程的无缝衔接。

在代码转设计方向，开发者可以运行/design命令，直接在Claude Code中创建、编辑和同步设计项目，无需离开终端界面。

Henry AI全栈软件工程师罗曼·马尔蒂年科向The New Stack表示，他对这次设计与代码集成更新持较为乐观的态度。他表示自己更倾向于在终端中操作，但也认可网页界面对设计师、项目经理以及评审环节的价值："我理想的工作流程是：在网页界面进行设计探索，然后结合实际代码仓库上下文，通过Claude Code完成工程级别的交接。"

跨项目品牌一致性

此次更新的一大亮点是，Claude Design"现在能够在不同项目中保持设计系统的一致性"——换句话说，品牌一致性成为了默认设置。

用户可以从GitHub代码仓库、设计文件或原始上传内容中导入一个或多个设计系统。此后，每当Claude Design创建新项目时，都会自动继承品牌资产（如字体、颜色、间距），并在输出最终结果前，对照品牌规范进行验证。

Anthropic设计师内特·帕罗特此前向Fast Company表示，对于品牌规范严格的企业而言，这一新功能在维护一致性方面可能带来实质性改变——而4月版本在这方面表现欠佳。对于希望管控非品牌规范内容的设计负责人来说，这无疑是一项实用的控制功能。作为Claude Design的管理员，用户可以设定统一的设计系统，并限制其他人进行修改。

此次更新还带来了全新的编辑器，提供更精细的布局控制功能，支持用户"拖拽、调整大小和对齐元素"。

Token消耗问题

今年4月，The New Stack曾亲身体验Claude Design，并很快遇到了Token消耗问题。仅仅是搭建一套设计系统、制作一个新闻网站原型（加上一些调整和说明视频），就消耗了每周配额的50%以上。

Anthropic表示已听取了类似反馈并作出了调整。新版本取消了独立的使用限额，将Claude Design纳入与Claude Code、聊天及Cowork共享的Token池。一旦使用额度耗尽，Claude Design将暂时不可用，直到额度重置或用户购买额外的使用额度为止。

共享Token池或许让使用量管理更加便捷，但是否真正降低了消耗速度，目前尚无定论。

混合模式或是未来方向

通过新增连接器和深化设计与代码集成，Anthropic显然有意让Claude在人们的日常工作中扮演更重要的角色。尽管此次6月更新让Claude Design明显更加实用，但它并不能包揽所有工作。

从理论上说，将Claude Design与设计师和开发者日常使用的更多工具打通，应当能减少团队之间的摩擦，尤其是在最终实现效果与初始设计不符的情况下。但正如马丁所指出的，设计师与开发者之间的反复沟通依然存在，加之Token成本的制约，Claude生成的内容并不总是比人工操作更高效。

归根结底，更快速的品牌一致性设计和更顺畅的交接流程或许能激励更多的探索尝试，但Anthropic所设想的"让Claude从头到尾完成全部工作"，在马丁看来并不代表未来的方向。她预计，最终将出现一种混合模式——Claude等工具负责早期概念验证，但人类仍然主导整体工作。

Q&A

Q1：Claude Design的双向设计与代码集成是怎么运作的？

A：新版Claude Design支持双向工作流。设计转代码方向，开发者可在Claude Code中运行/design-sync命令，将本地代码库的设计系统导入Claude Design，供设计师基于现有组件工作，完成后再交回Claude Code。代码转设计方向，开发者可运行/design命令，直接在Claude Code终端中创建和编辑设计项目，无需切换界面，实现设计与开发的无缝同步。

Q2：Claude Design的Token消耗问题解决了吗？

A：Anthropic此次更新取消了Claude Design的独立使用限额，将其与Claude Code、聊天及Cowork合并为共享Token池，方便统一管理。但实际消耗速度是否下降，目前仍无定论。ABM Industries设计师阿尔菲·马丁指出，Token使用成本依然高昂，有时让Claude修改一个设计细节反而比人工操作更耗时，效率问题并未完全解决。

Q3：Claude Design如何保证跨项目的品牌一致性？

A：新版Claude Design支持从GitHub代码仓库、设计文件或原始上传内容中导入设计系统。导入后，每个新项目都会自动继承品牌资产，包括字体、颜色和间距等，并在输出前自动对照品牌规范进行验证。管理员还可以锁定设计系统，防止其他成员随意修改，从而在团队层面统一管控品牌规范。