不会代码、不懂设计,他用AI 10分钟“抄”出一个专业级落地页
正在加载视频...
视频章节
一个从没写过代码、也不懂设计规则的人,只用截图+提示词,在10分钟内做出一个像模像样的专业Landing Page。这不是爽文,而是Riley Brown真实演示的一次“Vibe Designing”实验,背后透露的是AI正在如何重塑产品、设计和个人创作的边界。
不会代码、不懂设计,他用AI 10分钟“抄”出一个专业级落地页
一个从没写过代码、也不懂设计规则的人,只用截图+提示词,在10分钟内做出一个像模像样的专业Landing Page。这不是爽文,而是Riley Brown真实演示的一次“Vibe Designing”实验,背后透露的是AI正在如何重塑产品、设计和个人创作的边界。
最反直觉的地方:他几乎什么都没“设计”
视频一开始,Riley Brown就丢出一句让传统设计师不太舒服的话:“我不是设计师,也不打算遵守任何设计原则。”他的目标只有一个——凭感觉做一个好看的东西。
但真正反直觉的点在于:他并不是乱来,而是把“审美判断”这件事,系统性地外包给了AI。
他做的第一步不是画草图,而是截图。看到一个喜欢的网站背景,他直接截图丢进ChatGPT,说得非常具体:“忽略前景组件,只生成这个背景的渐变图,横向格式。”这一步,本质上是在用多模态模型,把“我喜欢这个感觉”翻译成“可复用的设计资产”。
这里的关键不在于工具,而在于思路的转变:设计不再从空白开始,而是从“选择”开始。你不需要知道什么是色彩理论,只需要知道“这个我喜欢”。AI负责把偏好变成素材。
Vibe Designing的核心:不是从0到1,而是从1到1.1
接下来他打开 vzero.dev,把刚生成的背景图丢进去,再丢一张 Lovable 的截图,然后直接说一句几乎像作弊的话:“做一个一模一样的App,用第一张图当背景。”
结果是,几乎瞬间,一个名叫“Vibable”的应用雏形就出现了。
这一步揭示了一个很重要的趋势:AI正在把“模仿”这件事变成合法且高效的生产方式。以前我们说“从优秀产品中学习”,现在是直接让AI把这种学习结果物化成代码和界面。
更有意思的是后面的微调过程。他不是一次性要完,而是不断用自然语言打磨细节:背景再暗一点、文字换成白色、占位图太丑、光标要有性格、Logo要手写体……
这已经不是传统意义上的“前端开发”,更像是在和一个“听得懂审美”的执行者对话。你的角色不再是实现者,而是审美导演。
真正拉开差距的,是“风格复用”这一招
如果说前半段只是爽,那么真正对AI从业者有价值的,是他在图片生成上的操作。
为了让App里的示例应用看起来“像一个整体”,他没有用随机生成,而是跑去 Recraft 做了一件很专业的事:先选风格,再混风格,然后保存为一个自定义Style。
他先挑选两种视觉风格,混合后生成一个“mood journal”的示例图,满意之后,直接把这个风格命名为“Vibable page”。接下来,无论是 plant tracker、budget buddy 还是其他应用概念,全都用同一个风格批量生成。
结果是:12张图片,主题不同,但视觉语言高度统一。这正是很多AI产品看起来“像Demo”的分水岭——不是功能,而是风格一致性。
这一步透露出一个非常重要的行业信号:未来真正值钱的,不是“会不会生成图”,而是你有没有自己的Style资产。
这不是玩具,而是一种新的个人生产力模型
视频最后,他把生成好的图片再丢回 vzero,让AI直接替换占位图,整个Landing Page瞬间从“能看”变成“像产品”。
如果你把这些步骤拆开看,会发现一个可复制的模式正在成型:
截图 → 多模态理解 → 生成资产 → 自然语言调试 → 风格固化 → 批量生产。
这个流程里,没有一个环节要求你是工程师或设计师,但每一步都在放大你的判断力和品味。AI不再是替你“想”,而是替你“干”。
这也是为什么这个视频会让很多从业者产生一种微妙的不安:门槛在下降,但要求在变化。
总结
Riley Brown这次10分钟的“Vibe Designing”真正展示的,不是某个具体工具有多强,而是一种新的创作分工正在出现:人负责感觉、选择和方向,AI负责执行、复刻和放大。
对AI从业者来说,最重要的takeaway不是去学vzero或Recraft,而是开始有意识地积累自己的“审美判断”和“风格偏好”。未来拉开差距的,不是谁会写更多提示词,而是谁更清楚自己想要什么。
一个值得思考的问题是:当所有人都能10分钟做出一个像样的产品页面时,真正稀缺的能力,会不会反而回到了最原始的那件事——品味?
关键词: Vibe Designing, 多模态AI, AI落地页, 生成式设计, AI应用开发
事实核查备注: 需要核查:视频发布时间(2025-05-16)、作者Riley Brown、使用工具名称与拼写(ChatGPT、vzero.dev、Recraft)、视频标题原文