Claude:Blog(网页)
精选
70AI 编辑部评分,满分 100

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

2026-06-17 00:00· 61天前
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
  • 日期
    2026年6月17日
  • 阅读时间
    5
    分钟
  • https://claude.com/blog/claude-design-stays-on-brand-for-daily-work

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 现在与聊天、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,总裁兼人工智能负责人

Logo Logo

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

Fabian Hedin,联合创始人

Logo Logo

“现在生成一套演示文稿反而是最简单的部分;让它真正属于你,才是始终最难的部分。将 Claude Design 与 Gamma 连接起来,正好填补了这一空白。我们与 Anthropic 共同打造了这一功能,让你在 Claude 中设计的任何内容,都能在你想进一步深化时,直接无缝迁移到 Gamma 中,并且完全可编辑。”

乔恩·诺罗尼亚,联合创始人

Logo Logo

“Wix 一直是设计师的家园——如今,我们很高兴能与 Anthropic 携手,将这一理念再向前推进一步。Claude Design 与 Wix Headless 无缝连接,让设计师无需中断创作流程,就能直接通往 Wix 的后端基础设施。设计社区现在可以将他们的 UX 愿景,从最初的草图一路推进到功能完备、可扩展的产品——完全按照他们设想的方式实现。”

哈吉特·考夫曼,品牌与设计副总裁

Logo Logo

“Adobe 的使命是赋能每个人进行创作——无论他们选择在哪里工作。我们很高兴能深化与 Anthropic 的合作,让任何人都能在 Claude 中开启创意构思,并通过 Adobe 创意连接器,将社交媒体帖子、演示文稿、传单等内容从草稿变为成品,在 Adobe Express 中完成。营销人员还可以借助 Adobe Experience Manager 和 Adobe Journey Optimizer,将 Claude Design 中的一个创意,仅需几次点击,就转化为个性化的、符合品牌形象的网站或电子邮件营销活动,随时准备交付给客户。”

戈文德·巴拉克里希南,Adobe Express 产品集团高级副总裁,创意与生产力部门

Logo Logo

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

杰夫·周,首席产品与技术官

Logo Logo

“在 Vercel,我们专注于缩短从创意到上线的路径。这正是我们青睐 Claude Design 的原因。设计师和开发者可以将一个初始概念,一路打磨成精致且符合品牌形象的界面,然后直接推送到 Vercel 进行发布。”

安德鲁·曲,软件主管

Logo Logo

我们非常享受与 Anthropic 的合作,也欣喜地看到用户如何将 Claude Design 中的初始提示词,转化为 Canva AI 与设计平台中真正可用的作品。设计是极具人性化的。人们不仅追求更快的创作方式,更希望自己的作品充满个性与深意。Canva 为这一过程注入了设计层面的价值,帮助人们在掌控设计的同时,将想法变为现实。我们很期待在此基础上继续深化合作。

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

视频 · 前往原文观看

快速上手

Claude Design 目前处于测试阶段,适用于 Claude Pro、Max、Team 和 Enterprise 套餐,并包含在您的订阅中。Enterprise 用户默认关闭此功能;管理员可在组织设置中启用,且作品仅限组织内部共享。您可以通过 claude.ai/design 或在桌面应用的侧边栏中找到它。导入您的设计系统,开始创作。没有灵感?不妨为您的下一个着陆页请求三个方向,然后挑选最值得打磨的那个。

用 Claude 改变您组织的运作方式

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

事件后续 · 1查看事件全部 →

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

Claude:Blog(网页)·2026-06-17 00:00·61天前
AI 导读

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

正文 · AI 翻译
  • 类别
    产品公告
  • 产品
    Claude Design
    Claude Code
  • 日期
    2026年6月17日
  • 阅读时间
    5
    分钟
  • https://claude.com/blog/claude-design-stays-on-brand-for-daily-work

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 现在与聊天、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,总裁兼人工智能负责人

Logo Logo

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

Fabian Hedin,联合创始人

Logo Logo

“现在生成一套演示文稿反而是最简单的部分;让它真正属于你,才是始终最难的部分。将 Claude Design 与 Gamma 连接起来,正好填补了这一空白。我们与 Anthropic 共同打造了这一功能,让你在 Claude 中设计的任何内容,都能在你想进一步深化时,直接无缝迁移到 Gamma 中,并且完全可编辑。”

乔恩·诺罗尼亚,联合创始人

Logo Logo

“Wix 一直是设计师的家园——如今,我们很高兴能与 Anthropic 携手,将这一理念再向前推进一步。Claude Design 与 Wix Headless 无缝连接,让设计师无需中断创作流程,就能直接通往 Wix 的后端基础设施。设计社区现在可以将他们的 UX 愿景,从最初的草图一路推进到功能完备、可扩展的产品——完全按照他们设想的方式实现。”

哈吉特·考夫曼,品牌与设计副总裁

Logo Logo

“Adobe 的使命是赋能每个人进行创作——无论他们选择在哪里工作。我们很高兴能深化与 Anthropic 的合作,让任何人都能在 Claude 中开启创意构思,并通过 Adobe 创意连接器,将社交媒体帖子、演示文稿、传单等内容从草稿变为成品,在 Adobe Express 中完成。营销人员还可以借助 Adobe Experience Manager 和 Adobe Journey Optimizer,将 Claude Design 中的一个创意,仅需几次点击,就转化为个性化的、符合品牌形象的网站或电子邮件营销活动,随时准备交付给客户。”

戈文德·巴拉克里希南,Adobe Express 产品集团高级副总裁,创意与生产力部门

Logo Logo

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

杰夫·周,首席产品与技术官

Logo Logo

“在 Vercel,我们专注于缩短从创意到上线的路径。这正是我们青睐 Claude Design 的原因。设计师和开发者可以将一个初始概念,一路打磨成精致且符合品牌形象的界面,然后直接推送到 Vercel 进行发布。”

安德鲁·曲,软件主管

Logo Logo

我们非常享受与 Anthropic 的合作,也欣喜地看到用户如何将 Claude Design 中的初始提示词,转化为 Canva AI 与设计平台中真正可用的作品。设计是极具人性化的。人们不仅追求更快的创作方式,更希望自己的作品充满个性与深意。Canva 为这一过程注入了设计层面的价值,帮助人们在掌控设计的同时,将想法变为现实。我们很期待在此基础上继续深化合作。

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

视频 · 前往原文观看

快速上手

Claude Design 目前处于测试阶段,适用于 Claude Pro、Max、Team 和 Enterprise 套餐,并包含在您的订阅中。Enterprise 用户默认关闭此功能;管理员可在组织设置中启用,且作品仅限组织内部共享。您可以通过 claude.ai/design 或在桌面应用的侧边栏中找到它。导入您的设计系统,开始创作。没有灵感?不妨为您的下一个着陆页请求三个方向,然后挑选最值得打磨的那个。

用 Claude 改变您组织的运作方式

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

事件后续 · 1查看事件全部 →