Claude Code 与 Claude Design 实现双向同步,支持设计系统源文件

Claude Code 和 Claude Design 打通了 现在支持双向同步了 运行 /design-sync 可以将你的设计直接拉取到你的代码库中,并基于您的真实组件进行构建, 同时也可以...

精选理由

Claude 终于让设计师和开发者能双向同步了,还能直接读你 GitHub 的组件代码,自动检查设计偏差,省去手动对齐的麻烦。

AI 摘要

Anthropic 更新了 Claude Code 和 Claude Design 的集成,新增双向同步功能。运行 /design-sync 可将设计拉取到代码库,基于真实组件构建;使用 /design 可将代码推回 Claude Design 画布编辑。编辑器新增拖拽、缩放、对齐、修改字体和颜色等传统设计工具操作。导出格式扩展至 PDF、PPTX、Canva、HTML、Claude Code 五种。Claude Design 现在支持三种方式读取设计系统:指向 GitHub 仓库读取代码中的颜色变量、间距常量、组件样式;上传 Figma 文件;上传品牌规范文档,并在生成后自动对照设计系统检查并修正偏差。

AI 翻译 · 中文

Anthropic 更新了 Claude Code 和 Claude Design 的集成,新增双向同步功能。运行 /design-sync 可将设计拉取到代码库,基于真实组件构建;使用 /design 可将代码推回 Claude Design 画布编辑。编辑器新增拖拽、缩放、对齐、修改字体和颜色等传统设计工具操作。导出格式扩展至 PDF、PPTX、Canva、HTML、Claude Code 五种。Claude Design 现在支持三种方式读取设计系统:指向 GitHub 仓库读取代码中的颜色变量、间距常量、组件样式;上传 Figma 文件;上传品牌规范文档,并在生成后自动对照设计系统检查并修正偏差。

小互Claude Code 和 Claude Design 打通了 现在支持双向同步了 运行 /design-sync 可以将你的设计直接拉取到你的代码库中,并基于您的真实组件进行构建, 同时也可以使用/design 将你构建的内容推回到 Claude Design 并继续在画布上编辑... 同时编辑器新增了直接在画布上拖拽、缩放、对齐元素的功能,可以直接改字体、颜色这些细节,更接近传统设计工具的操作方式,不再只能靠对话调整。 导出格式:P