Claude Code 和 Claude Design 打通双向同步:运行 /design-sync 可将设计拉取到代码库并基于真实组件构建,使用 /design 推回 Claude Design 继续画布编辑。编辑器新增拖拽、缩放、对齐元素功能,可直接修改字体、颜色等细节。导出格式扩展至 PDF、PPTX、Canva、HTML、Claude Code。用户可通过指向 GitHub 仓库(读取颜色变量、间距常量、组件样式)、上传 Figma 设计文件或品牌规范文档三种方式,让 Claude 读取设计系统源文件。生成设计时调用真实组件,并先自查输出是否偏离设计系统,自动修正。
Claude Code 和 Claude Design 打通了
现在支持双向同步了
运行 /design-sync 可以将你的设计直接拉取到你的代码库中,并基于您的真实组件进行构建,
同时也可以使用/design 将你构建的内容推回到 Claude Design 并继续在画布上编辑…
同时编辑器新增了直接在画布上拖拽、缩放、对齐元素的功能,可以直接改字体、颜色这些细节,更接近传统设计工具的操作方式,不再只能靠对话调整。
导出格式:PDF、PPTX、Canva、HTML、Claude Code。这次扩展了更多第三方工具的连接。
同时这次更新让你直接把设计系统的源文件喂给 Claude Design。
让Claude真正"读懂"你的设计系统