让 AI 复刻 Netflix 级设计方案的秘诀

"我用 AI 做应用，为什么我的看起来这么土？"

如果你曾经这么想过，原因不是缺乏天赋。而是因为你只用"文字"来提设计要求。

我直说了。

这不是能力的问题。

是"交付方式"的问题。

※ 建议收藏本文。

很多人这样问 AI：

"做成酷炫的设计。"

"给它现代时尚的感觉。"

"用潮流的 UI。"

但返回的总是安全、模糊的 UI。然后你试图用更多文字来修正，陷入死循环。这就是那个循环。

我也曾经这样。

"脊背发凉"的那一天

三个月前，我用 Claude Code 给自己做了一个任务管理应用。功能完美运行。但打开屏幕的那一刻，我想：

"哇，这看起来像 2010 年的公司内部系统……"

按钮过于方正。边距不一致。颜色是个神秘的蓝色调。能用，但我不想给别人看。脊背发凉。

"光是土气，就瞬间显得业余。"

我深有感触。说实话，我当时提要求的方式很尴尬。"给我苹果那种精致氛围。" 我列出的都是连我自己都不完全理解的抽象词汇。从 AI 的角度看，"酷"没有标准。所以它只返回安全、平庸的 UI。

我非常理解那种感觉。你相信只要用足够多的词，它就能懂。但那是通往沼泽的入口。

仅用一个链接就放松了

转折点是发现了一个网站：Mobbin。

这是一个可以看到大量已发布应用 UI 的网站。你可以看到 Uber Eats 和 Netflix。而且，你可以按功能搜索，比如登录屏幕、首页屏幕、支付屏幕。你在这里看到的是专业海外设计师的真实设计。

说清楚，这不是"抄袭"。这是专业人士一直在做的"参考"技巧。你模仿的不是颜色或 logo，而是"布局哲学"。

第一次我把 Netflix 首页的链接粘贴给 AI，并告诉它"请参考这个链接来创建这个设计"——那个黑色背景、排列着电影缩略图的屏幕——我震惊了。

当我看到生成的屏幕时，我不由自主地说出声："等等，它已经做到了？"

尽管是我的应用，但它拥有了 Netflix 那种高端感。我通过几十次文字请求都无法达到的质量，用一个链接一次就搞定了。在感到开心之前，我感到了疲惫。

"我纠结的那些时间算什么……"

我们来算算：

• 纠结设计的时间：从 2 小时降到 10 分钟。
• 重做次数：从 5 次降到 1 次。
• 而且，最终的质量远超之前。

纠结的时间减少了，质量却提高了。完全的反转。

主要内容 | 使用 Mobbin 的实用模板

以下是具体步骤。你只需要"准备一份规范文档，然后把 Mobbin 链接贴进去"。然后让 Claude Code 读取并构建即可。

这里有一个提示词示例：

1# 应用概述
2- 应用名称：MyFit
3- 一句话描述：快速记录健身日志的应用
4- 目标用户：每周锻炼 2-3 次的 20-30 岁人群
5
6# 主要功能
7- 登录 / 注册
8- 首页（显示今日计划）
9- 训练日志输入
10- 查看进度的历史/图表
11- 个人资料 / 设置
12
13# 设计参考
14请参考以下应用的 UI。我希望色调、边距、配色方案和字体使用都接近这个水平。
15- 整体氛围：(Mobbin 链接)
16- 登录屏幕：(Mobbin 链接)
17- 首页屏幕：(Mobbin 链接)
18
19# 要求
20请在开始实现之前，基于以上内容提出一个设计方案。

效果：AI 从一开始就能共享"要创建什么以及达到什么水平"。模糊的结果消失了。

让准确性无懈可击的 3 个技巧

1. 为每个屏幕分别粘贴链接。不要只用一个。Mobbin 允许按功能搜索。分别为"登录是这样的"和"首页是这样的"提供链接。效果：准确性远高于只提供一个笼统的链接。

1. 添加关于"你想模仿什么"的文字。如果只粘贴链接，它可能只捕捉到颜色。所以，要明确说明。示例指令："请参考边距间距、配色方案和字体使用。" 效果：AI 不会错过它需要关注的点。

1. 不要让它立即构建，而是先要求它"提出方案"。统一一次方向。示例指令："在实现之前，请先提出设计方案。" 效果：后续的重做几乎完全消失。

回答"这不就是抄袭吗？"

当我推荐这个方法时，经常被问："这涉及版权问题吗？"

我理解这种担忧。请区分这两者：

◯ 你可以参考的（设计"惯例"）：

• 布局模式
• 边距用法
• 配色方案理念

✕ 你不能拿的（公司特定资产）：

• Logo / 品牌名称
• 照片 / 图标
• 标语

拿来公司的独特资产是不行的。用你自己应用的资产替换它们。UI 惯例和布局模式是整个行业共享的"模板"。参考模板是完全正常的。如果你担心，只要给 AI 加个说明。

示例指令："参考结构，但将配色方案和 logo 改为我的品牌。"

这确保了它不会变成完全复制。

初学者容易陷入的 3 个陷阱

AI 不知道在链接页面上看哪里。如果你不补充"模仿这个边距感觉"或"使用这种色调"，结果就会模糊。

如果你提供几种完全不同的品味，AI 会取平均值。结果，你得到一个看起来什么都不像的平庸之物。诀窍是将其缩小到 1-2 种品位。

第一次模板出来后，在展示相同参考的同时进行微调。

示例指令："把这个边距再放宽一点" 或 "让按钮更接近这个链接里的形状。"

通过 2-3 轮这样的调整，它突然看起来专业了。大多数放弃说"看起来不一样"的人，只是没有做这最后的润色阶段。

Mobbin 可以免费使用吗？

对于那些想"马上打开看看"的人，这里有一个诚实的定价说明。你可以通过创建一个免费账户开始使用 Mobbin（无需信用卡）。查看需要免费注册。总之，免费版对于你今天要做的事情来说绰绰有余。通过免费注册，你可以立即看到 Netflix 和 Uber Eats 的 UI。复制你感兴趣屏幕的链接，交给 AI。这个方法完全可以用这个实现。

如果你想以后更深入地使用，那时可以考虑 Pro。作为参考，这是免费版的 4 个主要限制：

• 你主要看到最近添加的应用（完整库是 Pro 版）。
• "流程"功能受到很大限制。
• 批量下载多个屏幕是 Pro 版功能。
• 收藏夹限制为 3 个。

这些是你在"上瘾"之后才需要考虑的事情。现在，先以 0 美元尝试粘贴一个屏幕。如果你想认真使用，可以通过付费 Pro 计划解锁（约 $10/月，按年计费）。那是我们说的阶段。先免费试试。如果不够，再考虑付费。这是正确的方法。

擅长与不擅长的人之间的唯一区别

读到这里，你们中的一些人一定已经明白了。区别不在于"创造能力"。而在于"寻找能力"。

顶级设计师创作的真实作品散落在互联网上。不需要从零开始绞尽脑汁。只要找到好的东西，交给 AI 就行。

就在你想"我以后再说"并关闭这个页面的此刻，其他读到这篇文章的人正在打开 Mobbin。他们正在把 Netflix 级别的屏幕交给 AI。明天，那个人的应用就会出现在你的时间线上。区别不是品味。是这 10 分钟内你是否行动。

设计感不是天赋。它是找到好例子并交付的"行动"，任何人都可以做到。

总结

• 纠结时间："2 小时 → 10 分钟。" 重做次数："5 次 → 1 次。"
• 关键在于按功能提供参考屏幕，并添加关于"模仿什么"的文字。
• 不要追求一次完美，在展示相同参考的同时，用 2-3 轮进行打磨。

不需要长篇大论。只有一件事要做。打开 Mobbin，从你喜欢的应用里选一个屏幕，把那个链接粘贴到 AI 里。仅此而已，你纠结了 2 小时的屏幕将在 10 分钟内出来。

在最终为零的人和至少做了一次的人之间。你会选择哪一个？你不再需要"品味"了。下次你展示你的应用时，对方会盯着屏幕说：

"等等，这像 Netflix……？这是你自己做的……？"

你不需要天赋。你只需要今天打开一个 Mobbin 标签页。

最后

我发布关于"知道就不同"的 AI 使用方法。你正在被落下的差距，今天就可以开始填补。还有一件事。为了确保你不会像我在这篇文章中写的那样，只是"读完"如何使用 AI，我目前正在限时免费分发 32 份超豪华赠品。

赠品包括：

• ChatGPT / Claude Code / Codex / Gemini 完整指南
• 月入 100 万日元的 AI 副业路线图、盈利类型地图、单价列表、市场数据
• AI 视频生成、AI Agent、vibe coding 等实用指南
• 100 个 AI 使用案例，等等……

总共 32 项，超过 860 页。而且全部免费。你甚至不需要参加研讨会或免费个人咨询就能全部获得。听起来像谎言，对吧？但这是真的。获取方式很简单。从加入下面的 LINE 公开聊天开始。

你可以从这里进入。

但是，这 32 份超豪华赠品是限时的。我没有设定截止日期，但结束时会毫无预告地结束。几乎所有人都会忘记"我明天再做"。请趁你能拿到的时候领取。让我再说一次。能否用 AI 赚钱不是由天赋决定的。而是你是否能按正确的顺序学习。那个顺序都在这些 32 份赠品里。