用Claude Design修改设计后,Claude Code自动同步代码
举一个具体的用 Claude Design 更新设计和代码的例子
我有一个视频字幕编辑器工具,是 Claude Design 做的设计,之前标题文字和下面的信息是放在一行,标题一长就放不下,于是我就让它变成两行。
图1 是我在设计稿上做的修改,修改好了后导出下载 zip 文件,放到项目中,用 git diff 很容易看到做了哪些变更(图2)
然后一句简单的提示给 Claude Code:
> 参考设计稿 design 目录下的相关变更,对 UI 进行变更
Claude 自己通过 git diff 去分析变更,然后找出所有设计稿修改了的位置,自己帮我修改了相应的 Swift 代码,任务完成!(图4是修改后的效果)
全程我主要是在 Claude Design 上修改,然后需要手工去同步一下。
我有一个视频字幕编辑器工具,是 Claude Design 做的设计,之前标题文字和下面的信息是放在一行,标题一长就放不下,于是我就让它变成两行。
图1 是我在设计稿上做的修改,修改好了后导出下载 zip 文件,放到项目中,用 git diff 很容易看到做了哪些变更(图2)
然后一句简单的提示给 Claude Code:
> 参考设计稿 design 目录下的相关变更,对 UI 进行变更
Claude 自己通过 git diff 去分析变更,然后找出所有设计稿修改了的位置,自己帮我修改了相应的 Swift 代码,任务完成!(图4是修改后的效果)
全程我主要是在 Claude Design 上修改,然后需要手工去同步一下。
为啥 Codex 还不推出类似 Codex Design 的产品?
Anthropic 最近推出了 Claude Design,是我除了编程之外用得最多的 Agent,也推荐过很多次。效果真的好:你用一句话描述想要的 App,它直接给你生成一个可交互的原型,点哪哪都有反应,不仔细看还以为在操作真实的 App。
有网友问:为啥 Codex https://t.co/Q3ukGZUiwn