Claude 终于让设计师和开发者能双向同步了，还能直接读你 GitHub 的组件代码，自动检查设计偏差，省去手动对齐的麻烦。
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 可以将你的设计直接拉取到你的代码库中，并基于您的真实组件进行构建， 同时也可以...
Claude Code 和 Claude Design 打通了 现在支持双向同步了 运行 /design-sync 可以将你的设计直接拉取到你的代码库中，并基于您的真实组件进行构建， 同时也可以使用/design 将你构建的内容推回到 Claude Design 并继续在画布上编辑... 同时编辑器新增了直接在画布上拖拽、缩放、对齐元素的功能，可以直接改字体、颜色这些细节，更接近传统设计工具的操作方式，不再只能靠对话调整。 导出格式：PDF、PPTX、Canva、HTML、Claude Code。这次扩展了更多第三方工具的连接。 同时这次更新让你直接把设计系统的源文件喂给 Claude Design。 让Claude真正"读懂"你的设计系统 三种方式： - 指向你的 GitHub 仓库，Claude 直接读代码里的组件定义（颜色变量、间距常量、组件样式） - 上传 Figma 之类的设计文件 - 直接上传品牌规范文档 Claude 读完之后，生成设计时直接调用你的真实组件，不是自己凭理解去"模仿"。 而且在把结果展示给你之前，它会先跑一遍自查，对照你的设计系统检查自己的输出有没有偏离，发现不对的地方自动修正。 💬 11 🔄 4 ❤️ 30 👀 3254 📊 16 ⚡