举一个具体的用 Claude Design 更新设计和代码的例子
我有一个视频字幕编辑器工具,是 Claude Design 做的设计,之前标题文字和下面的信息是放在一行,标题一长就放不下,于是我就让它变成两行。
图1 是我在设计稿上做的修改,修改好了后导出下载 zip 文件,放到项目中,用 git diff 很容易看到做了哪些变更(图2)
然后一句简单的提示给 Claude Code:
> 参考设计稿 design 目录下的相关变更,对 UI 进行变更
Claude 自己通过 git diff 去分析变更,然后找出所有设计稿修改了的位置,自己帮我修改了相应的 Swift 代码,任务完成!(图4是修改后的效果)
全程我主要是在 Claude Design 上修改,然后需要手工去同步一下。
点击图片查看原图
点击图片查看原图
点击图片查看原图
点击图片查看原图