Anthropic 升级 Claude Design：支持导入设计规范，无缝联动 Claude Code

用 AI 画网页或者做海报，最让人头疼的往往不是生不出来，而是生出来的东西根本不像自家的产品。字体是乱配的，按钮圆角对不上，主色调差了两个色阶，到头来设计师还是得去 Figma 里重画一遍。

Anthropic 显然也发现了这个问题。上线第一周吸引了超过 100 万人试用之后，Claude Design 迎来了一次大更新，重点就放在怎么让 AI 听话地守规矩。

现在 Claude Design 已经住进了 Claude 桌面客户端的侧边栏，也可以在网页端直接打开。这次最大的变化，是它开始真正支持团队的自有设计规范。

导入设计规范，给 AI 套上笼子

过去让 AI 做设计，你得在提示词里拼命叮嘱「主色是 #FF0000、用无衬线体」。现在你可以直接从 GitHub 仓库、设计文件或者原始文件里，导入一套甚至多套设计规范。

拿到规范后，Claude 会用你现有的组件来搭界面，并在把图交给你之前，自动对着规范检查一遍。如果哪里的颜色或间距跑偏了，它自己会在后台纠正完再显示。

对于大团队，Anthropic 还加了一个管理员角色。管理员可以锁定一套标准设计规范，不允许其他人随意改动，防止团队成员生出来的图五花八门。

画布本身也变得更像传统设计软件了。新编辑器支持直接拖拽、缩放尺寸和对齐元素，不再只能靠纯打字叫 AI 重新排版，官方称还修掉了数百个日常崩溃的稳定性问题。

打通 Claude Code，不用再靠截图传话

如果你既写代码又做设计，这次更新最爽的地方在于它和 Claude Code 的联动。

以前把设计稿交给开发 AI，最常见的土办法是截个图扔进对话框，AI 只能靠猜去临摹界面。现在在终端里敲一个 /design-sync，就能直接拉取设计系统开始干活；设计做好了，可以直接无缝移交给 Claude Code，代码端直接接着底层组件往下写，中间完全不需要截图重做。

反过来也一样。你在写代码时突然缺个页面原型，可以直接在 Claude Code 终端或桌面端敲 /design 让它画一个，甚至直接把代码反向变成可交互的原型。

做完之后导出也很省事，除了能导出可靠的 PDF、PowerPoint 和 HTML，Anthropic 还拉来了一长串第三方连接器，包括 Adobe、Canva、Figma 竞品 Lovable、Miro、Replit、Vercel、Gamma 和 Wix。

额度方面也有好消息：Claude Design 现在和 Claude 的其他功能（包括 Claude Code）共享使用额度，官方表示大多数人日常碰壁的频率会低很多。

为什么重要

AI 生成工具正在从「玩具」走向「工位」。我们认为，Anthropic 这次更新切中的是企业级工作流里最核心的痛点：一致性与交付。

让 AI 从零脑暴一张图很容易，但让它严格按照一个 500 人团队的既定组件库去排版，过去几乎是不可能完成的任务。Claude Design 如果真能做到导入 GitHub 规范后自动校对偏差，那它就不仅仅是一个灵感生成器，而是一个能直接产出可用原型的初级 UI 助手。对于独立开发者和全栈工程师来说，省去了反复调整 CSS 和对齐规范的时间，现在很值得在付费套餐里开箱试一试。

这一步棋走得也很聪明。Anthropic 没有试图在第一天就做一个完全替代 Figma 或 Adobe 的庞大怪物，而是通过连接器把自己塞进现有生态。上游用自己的大模型和终端能力接管原型创意，下游把代码丢给 Vercel、把幻灯片扔给 Gamma、把设计稿交给 Adobe Express，既不做所有人的敌人，又牢牢卡住了上游入口。

不过隐患也同样摆在眼前。复杂系统的设计规范往往包含海量的状态交互和细微层级，单靠从 GitHub 仓库导入静态组件，Claude 究竟能理解到多深，在面对高复杂度的企业级中后台时会不会依然崩坏，都还需要实际项目的检验。但无论如何，UI 设计工具必须懂代码仓库，这条路已经被 Anthropic 越走越宽了。