Refero 是一个真实产品界面截图的参考库：它把 400 多个 Web 和 iOS 产品的界面逐屏截取、打标、归类，供设计师和开发者在动手之前查证"别人是怎么做的"。与 Dribbble 一类展示概念稿的社区不同，Refero 收录的全部是线上产品的真实界面；截至 2026 年 9 月，官方定价页标注库内共有 142,000 余张截图，并保持每周新增。近两年它明显向"AI 辅助设计调研"转型，陆续推出了对话式调研模式、供 AI 编程工具读取的设计系统库和 MCP 接口。

站点速览

  • 网址：https://refero.design/
  • 类型：UI/UX 设计参考库（真实产品截图）
  • 费用：免费档功能受限；Pro 每月 17 美元（按月付）或 10 美元（按年付 120 美元）；Lifetime 一次性 250 美元；团队版按席位计费
  • 注册要求：浏览少量预览无需注册；查看完整检索结果需要账号（Google 登录或邮箱一次性验证码）；仅限 18 岁以上用户
  • 界面语言：英文

站点背景

Refero 由 Refero Inc. 运营，这是一家在美国特拉华州注册的公司（见其使用条款与隐私政策）。官网没有 About 页面，公开渠道的上线时间等背景信息在本文核查时（2026 年 9 月）无法确认，故不展开。从首页展示的信息看，它在 Product Hunt 上保有 4.9 分、16 条评价的记录。

截图库与检索方式

Refero 的核心资产是一个持续更新的真实产品截图库，覆盖 Mercury、Sunsama、Resend 等数百个知名产品的 Web 端与 iOS 端界面。它的价值主要在检索的组织方式上——首页给出的分类包括：

  • 页面类型（Page Types）：仪表盘、定价页、登录页、404 页、博客、招聘页等；
  • 用户流程（Flows）：注册引导、订阅、加购、改密、注销账号等跨屏连续步骤；
  • UX 模式（UX Patterns）：筛选排序、评价评分、深色模式、空状态等；
  • UI 元素（UI Elements）：对话框、卡片、表格、骨架屏、侧边栏等组件级截图；
  • 按产品（Sites）：直接查看某个产品的全部收录界面。

按 Dashboard 页面类型检索的结果页，未登录时只显示少量预览

匿名访问只能看到极少量结果。以上图所示的 Dashboard 分类为例，1,297 页结果中未登录状态仅展示十余条，其余被标记为"登录后可见"。登录后的免费账号也只能访问约 3% 的库内容，并且只能按标签或公司做基础搜索（官方套餐说明）。

除关键词检索外，Refero 还支持以图搜图（上传截图找相似设计）。2025 年以来新增的 Research mode（Beta）是对话式调研入口：描述设计任务，由 AI 返回分析、相关参考和推理过程。

面向 AI 工具的开放能力

Refero 近年的产品重心明显偏向"让 AI 编程工具用上真实设计参考"：

  • Refero MCP：通过 MCP 协议把截图库、用户流程和样式数据接入 ChatGPT、Claude、Cursor、Codex 等 AI 工具，让 Agent 在生成界面前先"调研"真实产品。实时调研能力需要付费计划。
  • Refero Skill：一套面向 AI Agent 的"调研先行"设计流程规范，可单独安装。
  • Styles（Beta）：独立的子站 styles.refero.design，收录 2,000 余份从知名产品网站提取的 AI 可读设计系统（DESIGN.md），包含色彩、字体、间距与组件信息，可直接喂给 Cursor、Claude Code、v0 等工具使用。
  • Figma 插件：在 Figma 内直接检索和引用 Refero 的截图，仅限付费用户。

Styles（Beta）子站，提供 2,000 余份 AI 可读的设计系统

费用与套餐

以下价格核查于 2026 年 9 月，来自官网定价页，可能随时调整，以官网为准：

  • Free：0 美元。约 3% 的库内容，基础搜索，无 MCP 和 Figma 插件。
  • Pro：17 美元/月（按月付）或 10 美元/月（按年付 120 美元）。完整库、用户流程、下载、Figma 插件、MCP 与 Skill。
  • Team：20 美元/席/月（按月）或 140 美元/席/年（1–5 席），席位越多单价越低（6–10 席 18 美元/月或 130 美元/年，11 席以上 16 美元/月或 120 美元/年）。增加协作书签与团队管理。
  • Lifetime：250 美元一次性买断，含 Pro 与 MCP 使用权。
  • 学生凭在读证明可申请 Pro 月付/年付 6 折。

定价页的三种自助套餐（年付视图）

两点值得注意：官方明确表示不提供免费试用，免费档就是唯一的体验途径；每个订阅仅限一人使用，共享账号违反条款。新订单通过 Stripe 收款，除法定消费者权利外原则上不退款（见使用条款第 4、7 节）。

内容版权与使用边界

截图库中的界面、商标归各自产品公司所有。Refero 使用条款允许用户将库内内容用于设计研究、灵感参考、内部比对和日常产品设计工作，但明确禁止：抓取或系统性批量导出、转售或再分发、用于训练机器学习模型或数据集。权利方认为内容不妥时可以通过其 Copyright Policy 要求移除或更正。隐私方面，官方承诺在用户未主动 opt-in 的情况下，不会用用户上传的内容训练其控制的通用 AI 模型。

适用场景

  • UI/UX 设计师做竞品调研、为特定页面类型或组件寻找真实案例；
  • 独立开发者在做注册引导、付费墙、设置页等常见流程前，快速比对多个产品的成熟做法；
  • 使用 Cursor、Claude Code 等 AI 编程工具的团队，通过 MCP 或 DESIGN.md 让生成结果更接近成熟产品的设计水准；
  • 设计团队用 Team 版的共享书签沉淀团队的参考集合。

局限

  • 免费档只能看到约 3% 的内容，匿名预览更少，不付费很难评估库的深度；且没有免费试用。
  • 库以英文世界的 SaaS 与消费产品为主，中文产品界面极少，对主要做国内产品的团队参考价值有限。
  • 界面仅英文。
  • 条款禁止将内容用于模型训练，想把它当设计数据集使用的场景不适用。
  • 截图反映的是收录时点的产品界面，产品改版后旧截图可能过时（官方以每周新增缓解，但历史界面仍保留在库中）。

同类参考

  • Mobbin：同样收录真实产品界面与流程，移动端内容更全，也是付费为主的参考库；
  • Dribbble / Behance：以设计师作品展示为主，多为概念稿，与"真实线上界面"的定位不同。

参考资料