跳到正文
北京时间
原文
Claude:Blog(网页)·· 2026-06-17精选AI 评分70

Claude Design 更新:跨项目保持品牌一致,与Claude Code协同

Claude Design now stays on brand for daily work

AI 导读

6月17日,Claude Design 更新,支持跨项目使用统一设计系统,并与Claude Code同步工作流。用户可直接拖拽、对齐和缩放画布元素,编辑器稳定性大幅提升。设计系统可从GitHub、设计文件或原始上传导入,团队管理员可锁定标准系统防止篡改。新增桌面端侧边栏入口及独立网页端claude.ai/design。使用限制与聊天、Claude Cowork、Claude Code共享,每次任务消耗更少token,错误率下降。支持导出PDF、PPT,集成Adobe、Canva、Gamma等工具。发布首周用户超一百万。

推荐理由

Claude Design 从原型工具升级为日常设计工作流,设计系统锁定和 Claude Code 同步打通了从想法到代码的管道,设计师和前端团队值得一试。

正文 · AI 翻译

Claude Design现在可以跨项目遵循你的设计系统,与 Claude Code 流畅协作,让你直接在画布上编辑,并连接更多你已经在使用的工具。它在 Claude 桌面应用的侧边栏中有了一个新家;https://claude.com/product/design

我们的目标与以往一致:让你探索比截止日期通常允许的更多方向,并让向打磨或构建的交接尽可能无缝。这一目标如今服务于更多的人。超过一百万人在第一周使用了 Claude Design,你们的反馈正在塑造我们接下来要构建的东西。

用你的设计系统组件进行构建

我们重建了设计系统导入功能,为你提供更大的灵活性并提升精确度。你可以从 GitHub 仓库、设计文件或原始上传中引入一个或多个设计系统。Claude 会用你的组件进行构建,对照你的设计系统检查其输出,并在你看到之前进行修正。对于更大的团队,一个新的管理员角色可以批准一个标准系统并锁定编辑,从而让工作始终符合你公司的规范。

在设计稿与代码之间切换

现在在 Claude Design 和 Claude Code 之间切换工作更加容易,同时保持你的工作同步,相关更新从今天起陆续推出。使用 /design-sync 拉取你的设计系统,这样你在 Claude Design 中构建的一切都从你现有的组件开始。当一个设计准备好变成软件时,你可以将其交给 Claude Code,它会从你现有的工作继续,而不是从一张截图重新开始。

更想从 Claude Code 开始?使用 /design,你无需离开终端即可创建、编辑和同步设计项目。将设计导入你的代码库,把你的代码变成可交互原型,或者让 Claude 将一个项目一路推进到底。

“Claude design 赋予我前沿模型的智能,同时兼具久经考验的设计工具的功能与能力。每当我为 Tenex 的网站、新品牌素材或演示文稿构思设计方向时,Claude Design 都是我第一个去的地方。平易近人的用户体验与出色的品味和设计直觉相结合,正是它成为我技术栈核心部分的原因。而 Claude Design 与 Claude Code 之间的衔接,让从原型到生产的流程变得无缝顺畅。”

——Alex Lieberman,Morning Brew 与 Tenex 联合创始人

日常工作中更稳定

我们的全新编辑器让你能直接、精细地控制设计中的每一个元素。全新的丰富布局控件让你可以拖动、调整大小和对齐元素。数百项稳定性修复让编辑器在真实使用场景下依然稳固可靠。

Claude Design 现在也与 chat、Claude Cowork 和 Claude Code 共享用量限额,因此大多数人将获得更大的创作空间,触及限额的情况也会更少。如今平均每轮对话用更少的 token 就能达到相同的结果,错误率也大幅下降。

从画布到你使用的工具

可靠地导出为 PDF 和 PowerPoint,或将你的作品发送到你已经在使用的应用中——连接器列表现已包括 Adobe、Base44、Canva、Gamma、Lovable、Miro、Replit、Vercel 和 Wix,更多目标平台即将推出。

Logo Logo

“Replit 和 Anthropic 共同秉持一个信念:任何人、在任何地方,都应该能够借助 AI 将自己的想法变为现实。我们共同的目标是在想法萌生的地方与创造者相遇。Claude Design MCP 集成是顺理成章的下一步:创造者现在可以在 Claude Design 中设计符合品牌调性的应用,并在 Replit 中构建、完善和发布,一切都在无缝的一体化体验中完成。”

Michele Catasta,总裁兼 AI 负责人

Logo Logo

“在 Lovable,我们相信最接近问题的人应该有能力自己解决它。通过与 Claude Design 的合作,我们很高兴看到更多人能为身边的世界勾勒解决方案。现在,他们可以在 Lovable 中将这些想法无缝转化为可投入生产的应用。”

Fabian Hedin,联合创始人

Logo Logo

“现在生成一份演示文稿是简单的那部分;让它真正属于你一直是最难的部分。将 Claude Design 连接到 Gamma 弥合了这一差距,我们与 Anthropic 一起打造了这个功能,你在 Claude 中设计的任何内容都可以直接进入 Gamma,完全可编辑,随时可以进一步深化。”

Jon Noronha,联合创始人

Logo Logo

“Wix 一直是设计师的家园——如今我们很高兴能与 Anthropic 一起将这一理念再推进一步。Claude Design 与 Wix Headless 无缝连接,让设计师无需离开创作流程,就能直接接入 Wix 的后端基础设施。设计社区现在可以将他们的 UX 构想从最初的草图一路带到功能完备、可扩展的产品——完全如他们所设想的那样。”

Hagit Kauffman,品牌与设计副总裁

Logo Logo

“Adobe 的使命是赋能每一个人进行创作——无论他们选择在哪里工作。我们很高兴能在与 Anthropic 合作的基础上更进一步,让任何人都能在 Claude 中开启自己的创意构想,并使用 Adobe for creativity 连接器,在 Adobe Express 中将社交帖子、演示文稿、传单等内容从草稿变为成品。营销人员还可以借助 Adobe Experience Manager 和 Adobe Journey Optimizer,只需点击几下,就能将 Claude Design 中的一个想法转化为个性化、符合品牌调性的网站或电子邮件营销活动,随时准备触达客户。”

Govind Balakrishnan,Express 产品组、创意与生产力高级副总裁

Logo Logo

“Miro 是团队汇聚一堂、将想法转化为有影响力决策的地方,这一切都发生在一块为协作而生的共享画布上。与 Claude Design 连接意味着一个概念可以早早地落到这块画布上,供整个团队共同打磨和构建。很高兴能与 Anthropic 合作,让从想法到达成共识的第一步变得如此轻松。”

Jeff Chow,首席产品与技术官

Logo Logo

“在 Vercel,我们专注于缩短从想法到上线的路径。这正是我们喜欢 Claude Design 的原因。设计师和开发者可以把最初的概念一路打磨成精致、符合品牌调性的界面,然后直接推送到 Vercel 发布。”

Andrew Qu,软件负责人

Logo Logo

“我们非常喜欢与 Anthropic 合作,也看到了用户如何把 Claude Design 中的初始提示词,转化为 Canva 的 AI 与设计平台中真正可用的作品。设计极具人性。人们不只是想要更快的创作方式,他们希望自己的作品感觉个性化、充满意图。Canva 为这一过程带来了这一层能力,帮助人们从想法走向成果,同时始终掌控设计。我们很期待在此基础上继续构建。”

Cameron Adams,联合创始人兼首席产品官

视频 · 前往原文观看

开始使用

Claude Design 目前处于 beta 阶段,面向 Claude Pro、Max、Team 和 Enterprise 套餐提供,并包含在你的订阅中。对于 Enterprise 用户,它默认关闭;管理员可以在组织设置中启用它,且作品仅可在你的组织内部共享。你可以在 claude.ai/design 或桌面应用的侧边栏中找到它。导入你的设计系统,然后开始创作。没有想法?让它为你的下一个落地页给出三个方向,然后挑一个值得打磨的。

来源:Claude:Blog(网页) · claude.com