Claude Design 效果很棒啊,附上我用它设计的一些 App 应用布局
- 内容介绍
- 文章标签
- 相关推荐
今早看到 Claude Design 发布了,正好准备用 Claude Code 开发一个 App 给我自己看论文用,奈何 Claude Code 自己设计的页面实在是没眼看。。。然后用 Claude Design 把页面截图+页面的代码发给它进行设计。
这是原始 Claude code 给我的页面:
订阅-原601×1395 113 KB
emm,我虽然不懂设计,没有具体的美学训练,但是一眼看下来就不好看,然后丢给Claude Design,他会出一个类似问卷的东西,有几个问题让我选(没截图这个页面的设计,所以放了一个其他页面的问题交互):
image1920×990 228 KB
它会给我好几个风格的备选:
image2604×1709 359 KBimage2579×1700 359 KB
image2601×1699 345 KB
当然,也可以修改,我让他融合 A+C 在统一成卡片式的设计,最后又给了一个方案 D:
image2621×1688 341 KB
我很喜欢方案D,Claude Design 是分别给出了每个方案的代码的,我再把这些东西丢到 Claude Code 里就帮我实现的很好了
image1706×1453 154 KB
下面都是 Claude Design 跑出来,然后我用 Claude Code 实现后的运行截图:
image601×1395 139 KBimage601×1395 149 KBimage601×1395 117 KB
额度跑的飞起,可能和我使用方式有关。。。
今早看到 Claude Design 发布了,正好准备用 Claude Code 开发一个 App 给我自己看论文用,奈何 Claude Code 自己设计的页面实在是没眼看。。。然后用 Claude Design 把页面截图+页面的代码发给它进行设计。
这是原始 Claude code 给我的页面:
订阅-原601×1395 113 KB
emm,我虽然不懂设计,没有具体的美学训练,但是一眼看下来就不好看,然后丢给Claude Design,他会出一个类似问卷的东西,有几个问题让我选(没截图这个页面的设计,所以放了一个其他页面的问题交互):
image1920×990 228 KB
它会给我好几个风格的备选:
image2604×1709 359 KBimage2579×1700 359 KB
image2601×1699 345 KB
当然,也可以修改,我让他融合 A+C 在统一成卡片式的设计,最后又给了一个方案 D:
image2621×1688 341 KB
我很喜欢方案D,Claude Design 是分别给出了每个方案的代码的,我再把这些东西丢到 Claude Code 里就帮我实现的很好了
image1706×1453 154 KB
下面都是 Claude Design 跑出来,然后我用 Claude Code 实现后的运行截图:
image601×1395 139 KBimage601×1395 149 KBimage601×1395 117 KB
额度跑的飞起,可能和我使用方式有关。。。

