Claude Design 更新:跨项目保持品牌一致,与Claude Code协同
阅读原文· claude.comClaude Design 从原型工具升级为日常设计工作流,设计系统锁定和 Claude Code 同步打通了从想法到代码的管道,设计师和前端团队值得一试。
6月17日,Claude Design 更新,支持跨项目使用统一设计系统,并与Claude Code同步工作流。用户可直接拖拽、对齐和缩放画布元素,编辑器稳定性大幅提升。设计系统可从GitHub、设计文件或原始上传导入,团队管理员可锁定标准系统防止篡改。新增桌面端侧边栏入口及独立网页端claude.ai/design。使用限制与聊天、Claude Cowork、Claude Code共享,每次任务消耗更少token,错误率下降。支持导出PDF、PPT,集成Adobe、Canva、Gamma等工具。发布首周用户超一百万。
Claude Design 现在能贴合品牌风格,服务于日常工作
- 分类产品公告
- 产品Claude DesignClaude Code
- 日期2026年6月17日
- 阅读时间5分钟
- https://claude.com/blog/claude-design-stays-on-brand-for-daily-work

Claude Design 现在能在多个项目中遵循你的设计系统,与 Claude Code 流畅协作,支持直接在画布上编辑,并能连接更多你已在使用中的工具。它在 Claude 桌面应用的侧边栏中有了新入口;你也可以通过 claude.ai/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 现在与聊天、Claude Cowork 和 Claude Code 共享使用限制,因此大多数用户将获得更大的创作空间,而那些接近限制的用户将更少遇到限制。平均每次交互现在使用更少的 token 就能达到相同效果,且错误率大幅下降。
从画布到你使用的工具
可靠地导出为 PDF 和 PowerPoint,或将你的作品发送到你已使用的应用中——连接器列表现在包括 Adobe、Base44、Canva、Gamma、Lovable、Miro、Replit、Vercel 和 Wix,更多目的地即将推出。
“Replit 和 Anthropic 都坚信,任何地方的任何人都应该能够通过 AI 将自己的想法变为现实。我们的共同目标是,在创意萌发之处与创造者相遇。Claude Design 的 MCP 集成是自然而然的下一步:创造者现在可以在 Claude Design 中设计符合品牌调性的应用,然后在 Replit 中构建、优化并发布,整个过程无缝衔接。”
“在 Lovable,我们相信最接近问题的人应该有能力自己解决问题。通过与 Claude Design 的合作,我们很高兴看到更多人开始为他们周围的世界勾画解决方案。现在,他们可以无缝地将这些想法在 Lovable 中变为可投入生产的应用。”
“生成一套演示文稿现在反而是容易的部分;让文稿真正属于你才是始终的难点。将 Claude Design 与 Gamma 连接起来弥补了这一差距——我们与 Anthropic 共同构建了这一功能,因此你在 Claude 中设计的任何内容,在你想要进一步完善的时刻,都可以直接移入 Gamma,保持完全可编辑状态。”
“Wix 一直以来都是设计师的乐园——现在我们很高兴能与 Anthropic 携手再进一步。Claude Design 与 Wix Headless 无缝连接,让设计师无需离开创作流程即可直达 Wix 后端基础设施。设计社区如今能够将他们的用户体验愿景从最初草图一直推进到功能完整、可规模化的产品——完全按照他们想象的方式实现。”
“Adobe 的使命是赋能每一个人去创作——无论他们选择在何处工作。我们很高兴能在与 Anthropic 的合作基础上继续拓展,让任何人都可以在 Claude 中开启构思,并通过 Adobe 创意连接器将社交帖子、演示文稿、传单等从草稿变成 Adobe Express 中的成品。营销人员还可以将 Claude Design 中的一个创意,通过 Adobe Experience Manager 和 Adobe Journey Optimizer,只需点击几下即可转化为个性化、符合品牌调性的网站或电子邮件活动,随时准备交付给客户。”
“Miro 是团队汇聚灵感、将想法转化为有影响力的决策的协作画布。与 Claude Design 的对接意味着,一个概念可以尽早落到这张画布上,供整个团队共同打磨和扩展。与 Anthropic 的合作让从想法到共识的第一步变得毫不费力,这真是太棒了。”
“在 Vercel,我们致力于缩短从想法到上线产品之间的距离。这正是我们青睐 Claude Design 的原因。设计师和开发者可以将一个初始构思一直打磨为精致、符合品牌调性的界面,然后直接推送到 Vercel 进行发布。”
我们非常享受与 Anthropic 的合作,也欣喜地看到用户如何将 Claude Design 中的初始提示词,转化为 Canva 的 AI 及设计平台里真实可用的作品。设计是极具人性化的。人们追求的不仅仅是更快的创作方式,更希望自己的作品充满个性化与意图。Canva 为这一过程赋予了设计层面的支撑,帮助人们从创意走向成果,同时始终保留对设计的掌控。我们非常期待在这一基础上继续精进。
入门指南
Claude Design 目前在 Claude Pro、Max、Team 和 Enterprise 套餐中处于测试阶段,订阅后即可使用。对于 Enterprise 用户,该功能默认关闭;管理员可在组织设置中启用,且作品仅可在组织内共享。您可以通过 claude.ai/design 或桌面应用的侧边栏访问。引入您的设计系统并开始创作。还没有想法?让系统为您的下一个着陆页提供三个方向,然后挑选值得打磨的那一个。
常见问题解答
借助 Claude 改变您的组织运作方式
订阅开发者通讯
产品更新、操作指南、社区亮点等更多内容。每月发送至您的邮箱。