最近刷到那种视频没有：不写一行代码，两小时 AI 给你搓出一个网站，配色高级、动效丝滑，评论区一片"求教程"。
然后你自己打开 AI，输入"帮我做个好看的官网"，得到一坨玻璃拟态加渐变加圆角的组合，知乎上有人形容得很准——像洗浴中心大屏。你以为是自己提示词没写好，开始到处收藏 prompt 技巧。但今年 7 月，知乎问题"为何大家 vibecoding 总说两小时能产出精美作品，自己尝试却没办法"下面，一条 1200 多赞的回答把这层窗户纸捅破了：做不出网上那些东西，很多时候根本不是 Prompt 的问题，你可能缺的是那张参考图，缺的是素材，缺的是你对一个成熟产品应该长什么样的判断。知乎回答里举了个被拆穿的例子：一个看起来很高级的动态网站，所谓"提示词"扒开以后，里面直接给了准确的背景图片、前景视频和透明 PNG 素材地址——构图、字体、动画早就有人替 AI 决定完了，AI 干的只是把一个已经非常明确的设计翻译成代码。里面还有个比喻特别狠：你看见别人两小时拼完一套乐高，回家拿一堆塑料粒也想拼出故宫，后来才发现人家不仅有说明书，连零件都分好袋了。
那"说明书"去哪找？答案出奇地一致：Dribbble。
如果你没听过这个名字：这是一个 2009 年创立的全球设计师作品社区，UI 设计师的"作品展橱"。但 2026 年它多了个新身份——vibe coding 圈子的参考图题库。那条被转了很多次的"VibeCoding 奇技淫巧"里，第三条就是"截图即代码：直接截取 Dribbble 设计图或竞品 UI，丢给 AI，‘复刻这个，用 Tailwind’，1:1 还原"。知乎
被拿来当正面教材的真实案例也有：Replit 官方介绍过的 Flash News 应用，作者 Dan Kempe 不是传统程序员，但他的流程是——先跟 Claude 聊产品、收窄想法，然后去 Dribbble、Behance 和 App Store 看同类产品，拿参考截图喂给模型，明确告诉 AI 自己喜欢哪种字体、卡片、间距和动效，再一点点调。知乎Replit 自己的案例总结里有句话值得裱起来：AI 可以很快给你一个能工作的布局，但"taste"（品味）这件事，还是人的。
小红书上的玩法更直接。有 2300 多赞、2700 多收藏的"用 Codex 部署个人作品集网站"教程，第一条思路就叫"设计稿还原法"：先在 Figma 里把页面设计好，把设计稿截图、切图导出来，发给 Codex，让它 1:1 还原成网页。小红书小红书上每天还有大量账号在搬运 Dribbble 上的仪表盘、后台、App 界面——你刷到的"做 UI 没灵感"帖子，图源一大半都是它。小红书
为什么偏偏是 Dribbble？三个原因。第一，图干净、完成度高，一张截图就是一个自包含的界面，AI 不需要猜上下文；第二，风格覆盖了当下最主流的 SaaS、仪表盘、落地页审美，正好是 AI 最容易复刻的类型；第三，关键词体系成熟，搜"finance dashboard""dark mode landing page"这种词，出来的全是能直接投喂的货。
顺便说个有意思的变化。很多人印象里 Dribbble 是个找灵感的地方，但它自己 2026 年的重心已经完全转向了接单交易：首页挂着"设计服务首单 8 折，码 WELCOME20"，Project Brief（项目需求单）、Services（打包服务）、Outbound Proposal（主动投标）这些功能全在推。Dribbble它 7 月的官方博客甚至在教设计师怎么接 AI 原生品牌的单——那篇访谈里，一家月产 400 条广告素材的公司明确说：我们没有停止雇佣设计师，我们只是不要旧版本的设计师了；现在要找的是 AI 和设计技能都会的人，而且"展示你的思考过程，比展示精美的成品更打动人"。Dribbble官方博客换句话说，AI 时代 Dribbble 两头都占：对不会设计的人，它是喂 AI 的参考题库；对会设计的人，它是接 AI 时代客户单的门面。
说回实操。如果你就想让自己 vibe coding 的产出变好看，几个实在建议：
第一，搜图用英文场景词，别用形容词。搜"CRM dashboard"“fitness app dark”，比搜"高级感"有效一百倍。优先挑静态的界面图，尤其是仪表盘、落地页、设置页这类结构化页面；那些纯动效概念、3D 视觉大片看着过瘾，但 AI 还原不了，投喂纯属浪费。
第二，截图别整张丢。把参考图按区块拆——先头部导航，再主体卡片，最后配色字体——分步让 AI 还原，效果远好于一次性甩图。提示词也具体一点：“复刻这个布局，用 Tailwind，标题用无衬线字体，保留这个留白比例”，比"做个类似的"强得多。
第三，丑的根源往往是同质化，记得让 AI 偏离默认审美。最近 GitHub 上有个两万多星的项目就在解决这事：让 Agent 直接做整页网站，最容易出问题的往往不是颜色，而是每一页都长成同一张模板。小红书拿到 Dribbble 参考图之后，明确告诉 AI"参考这个布局，但换一套配色方向"，出来的东西才不会跟全网撞脸。
最后两个坑，必须提醒。
版权。Dribbble 上的图版权全归作者，个人学习、内部 demo 参考没问题，但直接 1:1 复刻拿去做商业产品，风险是真实的。真要上线的东西，把参考图当"风格说明书"而不是"素材库"，布局借鉴、视觉另做。
访问。国内直连 Dribbble 不算稳定，知乎上设计师圈聊国内替代方案时经常提到它。知乎如果打不开，Mobbin（真实 App 截图）、Landingfolio（落地页专收）这类站点可以做替补，思路是一样的：先找参考，再喂 AI。
对了，如果你本来就是对设计有点追求的人——想靠它接单赚钱那种——Dribbble 官方的建议反而朴素得意外：定期发作品、把"可接单"开关打开、快速回复客户咨询、尽量在平台内完成交付。Dribbble官方博客没有什么流量玄学，全是笨功夫。
AI 真正砍掉很多的，是执行成本，但"知道自己要做什么"这件事没被一起砍掉。知乎而参考图，恰好是品味这个东西里，唯一能直接上手、马上执行的部分。下次再觉得 AI 生成的页面丑，先别怪模型，去找张图喂它试试。
