ISSUE 50 · 设计灵感工具
设计师灵感枯竭的时候在看什么？
4个设计师必备的
设计灵感与参考工具
Mobbin · Refero · Page Flows · SiteInspire
做了50期设计工具推荐，这4个灵感网站我每天都打开
哈喽，我是大鹏，这里是第二灵感库。
第50期了。
说实话，做第1期的时候完全没想到能坚持到50。从AI抠图、放大、生成，到配色、字体、动效、Logo，一路写下来，最常被问到的问题就是："大鹏，你平时找设计参考用什么？"
今天终于可以回答了。
一个叫"灵感库"的栏目，怎么能不盘点灵感工具呢？这4个网站，是我在实际工作中真正会打开的——不是收藏夹吃灰的那种，是每天、每个项目都会用的那种。
PART 01
Mobbin
全球最大移动端/Web设计参考库，62万+截图
网址：mobbin.com
如果你做UI/UX设计，但还不知道Mobbin，那今天就是改变你工作方式的一天。
Mobbin是全球最大的移动端和Web应用设计参考库。什么概念？1,428个真实App，621,500+张屏幕截图，323,900+条用户流程。Airbnb、Uber、Nike、Spotify这些顶级产品的设计都在里面。
核心亮点
● 海量真实截图：1,428个App，62万+屏幕截图，每周更新
● UI元素筛选：按钮、弹窗、底部抽屉、轮播、Tab等
● 用户流程筛选：注册登录、支付、搜索、引导等完整流程
● 截图文字搜索：搜文案灵感超方便，按内容定位设计
● 视频+交互原型：用户流程以视频和可交互原型形式展示，连动效都能参考
● Figma插件：直接拖拽设计到画布，一键复用
怎么用
打开mobbin.com，注册免费账号。按Screens浏览屏幕截图，用左侧筛选器选App类型、UI元素、流程。看到喜欢的截图可以直接Copy to Figma。也可以看Flows，以视频或可交互原型形式体验完整用户流程。免费版有浏览限制，Pro版解锁全部内容。
大鹏说：Mobbin是我用得最多的灵感工具，没有之一。每次做新功能，第一件事就是去Mobbin搜竞品怎么做的。做支付流程搜"Checkout"，做引导页搜"Onboarding"能看完整流程视频。那个Figma插件更是神器——看到好设计直接拖进画布，省了不知道多少截图和整理的时间。
PART 02
Refero
AI时代的设计研究工具，Web端参考聚合
网址：refero.design
Refero的自我介绍很直接："Design Research for the AI Era"——AI时代的设计研究工具。
如果说Mobbin偏移动端，Refero就是Web端设计参考的补充。它聚合了来自各行业的网页设计案例，按类别和标签整理，特别适合做落地页、Dashboard、Web应用的设计师。
核心亮点
● 多行业聚合：聚合各行业网页设计案例，按分类浏览
● 设计元素筛选：导航、表单、定价表、落地页等
● 行业筛选：SaaS、电商、金融、教育等垂直领域
● 设计分析：每个案例附带设计分析，不只是截图展示
● 收藏管理：支持收藏和分类管理，建自己的灵感库
● 界面清爽：浏览体验很舒服，无广告干扰
怎么用
打开refero.design，首页就是最新的设计案例流。可以按Categories选行业或设计元素，也可以直接搜索关键词。看到喜欢的案例点进去，有详细的设计分析和标签。免费注册后可以收藏和管理自己的灵感集合。
大鹏说：Refero跟Mobbin是互补关系。Mobbin找移动端参考，Refero找Web端参考。做落地页的时候我特别依赖Refero，按"Landing Page"筛选，一堆好案例就出来了。比起Dribbble那种概念稿，Refero上的都是真实上线的网站，参考价值更高。它还有个好处是每个案例有设计分析，告诉你这个设计好在哪里，对新手特别友好。
PART 03
Page Flows
专注用户流程截图序列，不是单张页面是完整旅程
网址：pageflows.com
灵感不只是看单张截图，更重要的是看流程——用户从A到B怎么走，每一步的设计怎么衔接。这就是Page Flows的价值。
Page Flows专门收集热门App和网站的用户流程截图，按流程类型分类：注册引导、登录、支付、搜索等。每条流程都是完整的截图序列，带你走完整个用户旅程。
核心亮点
● 完整用户流程：不是单张页面，而是完整用户旅程的截图序列
● 流程分类：Onboarding、Login、Checkout、Search等
● 热门产品：覆盖Notion、Figma、Slack、Linear、Stripe等
● 设计决策标注：每条流程附带关键设计决策标注，解释为什么这么设计
● 多维筛选：支持按行业和平台筛选
● 定期更新：紧跟设计趋势，持续添加新流程
怎么用
打开pageflows.com，首页展示最新和热门的用户流程。按Categories选流程类型，比如点Onboarding看引导流程。每条流程点进去是完整的截图序列，从头到尾看完整个用户旅程。也可以搜索具体产品名，看某个App的流程。
大鹏说：Page Flows解决的是一个很具体的问题——做完整流程设计时缺参考。比如设计注册引导流程，在Mobbin能看到单张截图，但看不到整个流程怎么衔接。Page Flows把完整流程拆成截图序列，从头到尾给你走一遍，还标注了关键设计决策。做新功能流程设计之前，先去Page Flows看几个参考，比从零开始想流程高效太多。
PART 04
SiteInspire
2008年老牌网站设计画廊，13,000+精选案例
网址：siteinspire.com
SiteInspire是个老牌网站设计灵感画廊，2008年就有了，比很多设计师的职业生涯还长。它展示的是互联网上最优秀的网站设计，每天更新，已经积累了13,000+个案例。
核心亮点
● 13,000+精选案例：每日更新，质量严格把控
● 风格筛选：极简、排版驱动、大图、动画等
● 类型筛选：工作室、产品、电商、博客等
● 技术筛选：WordPress、Webflow、React等平台和技术
● 制作团队信息：每个案例展示制作团队，方便找设计工作室
● 完全免费：无需注册即可浏览所有内容
怎么用
打开siteinspire.com，首页就是最新的精选网站。用顶部Filters按Style、Type、Platform筛选。点击任意案例进入详情页，看大图和制作团队信息。也可以按Most Viewed看最热门的案例。无需注册，打开就能用。
大鹏说：SiteInspire是我找Web设计灵感时最先打开的网站之一。它的筛选系统做得特别好——按风格筛，选"Minimal"就全是极简风格网站；按类型筛，选"Studio"就全是设计工作室网站。做品牌官网的时候，我在SiteInspire按风格和类型双重筛选，快速找到方向。它还有个隐藏功能：每个案例都标注了制作团队，等于顺便帮你找了一圈设计工作室，做外包对接的时候特别有用。
LAST PART
四个工具怎么搭配？
我的用法很简单：
● 做移动端UI → Mobbin搜竞品截图和流程
● 做Web端UI → Refero按分类找参考
● 做用户流程 → Page Flows看完整流程序列
● 做品牌官网 → SiteInspire按风格筛选找方向
四个工具各有所长，组合起来基本覆盖了UI/UX设计师找参考的所有场景。
第50期了，感谢你从第1期一路看到这里。所有的"网址资源"我都整理好了一份文档。
#AI设计工具 #设计灵感 #UI设计参考 #免费工具 #第二灵感库
第50期里程碑！点赞 + 在看 + 转发三连支持一下
ISSUE 50 · THANKS FOR READING