我的 UI 设计灵感来源：6 个常用参考网站

Mobbin 是我用得最多的设计参考网站，没有之一。

它的核心价值是把真实产品的 UI 拆解成可搜索的设计模式库。你可以从四个维度去浏览：按 App 类别（AI、健康、餐饮等）、按屏幕模式（Dashboard、筛选排序、通知等）、按 UI 元素（Text Field、Bottom Sheet、Tab Bar 等）、按用户流程（Onboarding、登录、支付等）。

覆盖 iOS 和 Web 两大平台。Web 端还额外支持按风格筛选——Dark、Minimal、Colorful、Motion 等，找落地页灵感特别好用。

适合场景：设计某个功能时想看"别人怎么做的"，比如"订阅页面一般长什么样"、"Onboarding 流程怎么设计"。

免费 vs 付费：免费用户可以浏览最新 4 个 App/网站，Pro 版解锁全部内容。

如果说 Mobbin 覆盖的是全球产品，UI Notes 就是国内产品设计的百科全书。

396 个 App，152,592 张截图——这个数据量本身就很说明问题。而且只收录"落地设计"，没有飞机稿。你看到的每一张截图都是真实上线的界面。

收录的 App 都是我们日常在用的：豆包、DeepSeek、扣子、红果短剧、元宝、TapTap……可以按公司（字节、腾讯、阿里等）和行业筛选。每个 App 还标注了版本号和更新时间，能看到产品迭代的轨迹。

适合场景：做国内市场的产品，想看竞品的完整界面截图和设计趋势。

免费 vs 付费：基础浏览免费，会员可以解锁更多功能。

这个网站的思路完全不一样——它不给你看别人的设计，而是告诉你设计某个东西时应该注意什么。

56 份清单，分五个大类：

• Website（13份）：Login 页面、Billing、Blog Post、购物车、FAQ 等
• Components（24份）：Button、Modal、Input Field、Toast、Carousel 等
• Flows（13份）：添加购物车、取消订阅、重置密码、删除账号等
• Topics（3份）：响应式、UX 文案、暗色模式
• Brand（3份）：Logo、Typography、Tone of Voice

每份清单都是一系列最佳实践 checklist，比如"Login 页面应该有密码显示/隐藏切换"、"Modal 应该支持 ESC 关闭"这种。还有 Figma 插件，可以直接在设计工具里勾选检查。

适合场景：设计完成后自查，或者刚开始做某个组件时建立标准。特别适合新手建立设计规范意识。

免费 vs 付费：完全免费。

其他网站给你看的是单张截图，Page Flows 给你看的是完整的用户流程。

它的核心是录屏——你能看到一个真实用户从打开 App 到完成某个操作的完整过程，还带逐步标注。比如"Airbnb 的搜索流程是怎么引导用户的"、"Dropbox 的 Onboarding 怎么做的"。

覆盖 iOS、Android、Web 和 Emails 四个平台，10 万+ 设计师在用。支持按类别、行业和 UX 模式筛选。

适合场景：设计用户流程（Onboarding、注册、支付等）时，想看头部产品怎么设计的。

免费 vs 付费：3 天免费试用，之后 $8.25/月（年付）或 $13/月（季付）。

Refero 是我最近发现的宝藏，它的分类维度是所有网站里最细的。

六大维度全覆盖：

• Page Types（45种）：Dashboard、Landing、Paywall、404、Blog、Profile 等
• Flows（44种）：注册、登录、订阅、加购物车、聊天、编辑、删除账户等
• UX Patterns（87种）：Testimonials、Filter & Sorting、Dark Mode、Shopping 等
• UI Elements（69种）：Modal、Cards、Table、Tabs、Skeleton、Chart 等
• Sites（按行业）：AI Tool、SaaS、Finance、Education、Food 等
• Fonts：按字体筛选使用了某种字体的产品页面

收录的都是 Stripe、Calendly、n8n、Shopify、Coinbase 这类标杆产品。

最让我眼前一亮的是它还提供了 MCP 集成——可以让 AI Agent 直接访问 Refero 的设计库，在 AI 建站的时候参考真实产品设计，而不是生成"AI 味"的界面。

适合场景：Web 端产品设计研究，特别是 SaaS 类产品。

免费 vs 付费：7 天免费试用，之后付费订阅。

最后一个有点不一样——Lovable 本身是一个 AI 建站工具，但它的 Discover 页面是一个很好的设计灵感来源。

这里展示的所有应用都是用 AI 对话构建出来的，你能直观感受到"AI 建站现在能做到什么程度"。从 CRM、活动营销、音乐播放器到图标库，品类很广。

每个应用都有收藏数据（Iconstack 1221 favorites、Attendflow 813 favorites），可以看到社区认可度。按 Featured、Builders、Personal、Marketing、Company 等分类浏览。

适合场景：想看 AI 建站的实际效果，或者找快速原型的灵感。也适合在说服团队尝试 AI 建站时拿来做案例展示。

免费 vs 付费：浏览免费，使用 Lovable 建站有免费额度，高级功能付费。