AI设计｜Vibe Coding 必备的5个参考网站✨

最近很多人都在用 Vibe Coding 做产品页面。

但我发现一个很常见的问题：

AI 能把功能跑通，

但界面经常会显得普通、不精致，

甚至有点“默认模板感”。

这次整理了 5 个我觉得很适合 Vibe Coding 的设计参考网站👇

1️⃣ Mobbin

适合看真实 App 页面和完整用户流程。

登录、会员、支付、设置页这类页面，都可以先看成熟产品怎么做。

2️⃣ Refero

更适合 Web 产品和 SaaS 页面参考。

后台、表单、列表、弹窗、空状态这些细节都很实用。

3️⃣ Land-book

适合找官网首页和 Landing Page 参考。

可以重点看首屏结构、卖点排版、CTA 按钮和产品截图展示。

4️⃣ Godly.website

适合找 AI 产品常见的高级视觉风格。

比如暗黑、渐变、发光卡片、轻动效、科技感界面。

5️⃣ 21st.dev

更适合组件落地。

可以参考 React 组件、页面模板、Pricing、Dashboard、AI Chat 等结构。

使用顺序：

先看 Mobbin / Refero，确定页面逻辑和信息结构。再看 Land-book / Godly，确定整体风格和视觉气质。最后看 21st.dev，找更容易落地的组件结构。

持续更新 AI 设计工作流相关内容～