Claude Design 效果很棒啊,附上我用它设计的一些 App 应用布局

2026-04-29 11:051阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐
问题描述:

今早看到 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

额度跑的飞起,可能和我使用方式有关。。。

阅读全文