AI资讯 / 工程

工程 / 官方

设计系统锁定品牌风格,无缝衔接代码开发

Claude Blog

Anthropic 于 2026 年 6 月 17 日宣布 Claude Design 迎来重大更新,核心目标是让设计工具真正融入日常工作流程。此次升级重点包括:重建后的设计系统导入功能支持从 GitHub 仓库、设计文件或原始上传引入组件,Claude 会在输出前自动校验并修正与设计规范的偏差;新增的 /design-sync 指令让 Claude Design 与 Claude Code 之间可以双向同步,设计稿可直接交付代码端继续开发,无需从截图重新开始;画布编辑器新增拖拽、缩放、对齐等精细控制能力,并完成数百项稳定性修复。使用配额方面,Claude Design 现已与对话、Claude Cowork 及 Claude Code 共享额度,大多数用户可获得更充裕的创作空间。对外连接层面,平台新增 Adobe、Base44、Canva、Gamma、Lovable、Miro、Replit、Vercel 和 Wix 共九个集成目标,覆盖从原型设计到生产部署的完整链路。

Claude Design 在发布首周即吸引超过百万用户使用,这一数字促使 Anthropic 加快了功能迭代节奏。本次更新的核心逻辑是:让设计工具不再是独立的创意沙盒,而是能够贯穿从概念探索到产品交付全流程的生产力工具。新版本在 Claude 桌面应用侧边栏中获得了固定入口,进一步降低了日常调用的门槛。

设计系统集成是本次升级最受企业用户关注的部分。重建后的导入流程支持从 GitHub 仓库、设计文件或原始文件包引入一个或多个设计系统,Claude 会在生成结果前主动对照规范进行校验和修正。面向大型团队,新增的管理员角色可以审批并锁定统一的标准设计系统,确保所有产出始终符合公司品牌规范,从根本上解决多人协作时风格漂移的问题。

设计与代码之间的流转效率得到显著提升。用户可通过 /design-sync 指令将设计系统拉入 Claude Code,使代码端的开发从一开始就基于现有组件体系。当设计稿准备好进入开发阶段时,Claude Code 可以直接从设计工作的断点继续推进,而非从截图重新解析。对于习惯在终端工作的开发者,/design 指令同样支持在不离开命令行的情况下创建、编辑和同步设计项目。

画布编辑器在本次更新中完成了大规模稳定性改造。新增的富布局控件支持拖拽、缩放和对齐操作,赋予用户对每个设计元素的精细控制权。数百项稳定性修复使编辑器在高强度日常使用场景下表现更为可靠。与此同时,平均每次操作消耗的 token 数量有所下降,错误率也大幅降低,整体使用体验更加流畅。

在生态连接层面,Claude Design 新增了与 Adobe、Base44、Canva、Gamma、Lovable、Miro、Replit、Vercel 和 Wix 共九个平台的集成。用户可将设计稿可靠导出为 PDF 或 PowerPoint,也可直接推送至上述平台继续加工或部署。多家合作伙伴表示,此次集成打通了从创意草图到生产级应用的完整路径,让设计师和开发者能够在各自熟悉的工具中协同推进同一个项目。

Claude Design 目前以 Beta 版本形式向 Claude Pro、Max、Team 和 Enterprise 订阅用户开放,包含在现有订阅权益中。Enterprise 用户默认关闭,需由管理员手动开启。Anthropic 表示,用户反馈正在持续影响后续功能的优先级排序,更多集成目标也将陆续上线。

要点

  • 设计系统导入功能全面重建,支持 GitHub 仓库、设计文件等多种来源,管理员可锁定标准规范防止风格漂移
  • Claude Design 与 Claude Code 实现双向同步,设计稿可直接交付代码端开发,无需从截图重新解析
  • 画布编辑器新增精细布局控件并完成数百项稳定性修复,使用配额与其他 Claude 产品线合并共享
  • 新增 Adobe、Canva、Vercel、Miro、Replit 等九大平台集成,覆盖从原型到生产部署的完整链路
  • 产品首周用户突破百万,现已在 Claude 桌面应用侧边栏获得固定入口
查看原始来源

原始标题:Claude Design now stays on brand for daily work | Claude by Anthropic

本文由 DataHub 基于公开来源整理,用于信息发现与摘要阅读;具体事实、数据和后续更新以原始来源为准。