Refero Design

Refero Design

Refero Design 是一个 UI/UX 参考素材库,收录数万张网页与 iOS 应用截图,支持搜索完整用户流程,并通过 MCP server 为 AI 辅助设计研究提供支持,适合产品设计师与 UX 研究人员使用。

最后更新 2026 年 10 月 21 日
Refero Design 截图

简介

Refero Design 是一个设计参考素材库,收集真实网页产品与 iOS 应用的截图,帮助设计师研究其他公司如何解决特定界面问题。用户无需逐一浏览互不相关的网站,而是在一个大型的、已建立索引的屏幕与多步用户流程档案库中进行搜索,覆盖新手引导、结账、付费墙、设置和账户注销等场景。

该服务自称收录了数万个 UI/UX 参考素材,并具备高级搜索能力。内容按页面类型、UX 模式、UI 元素和知名产品进行组织,同时支持 AI 辅助研究,途径包括 MCP server、ChatGPT/Codex 插件、Figma 插件以及可下载的 agent skill。定价采用订阅模式,具体方案见官方定价页面。

主要功能

网页与 iOS 截图搜索:用户可以搜索网页产品页面和 iOS 应用屏幕的截图,并按热门排序、页面类型或产品类别进行筛选。
用户流程合集:新手引导、结账、订阅、取消订阅和账户注销等多步流程被归类整理,方便研究完整旅程,而不只是单个屏幕。
结构化浏览词表:按页面类型、模式和元素组织的浏览页面,帮助用户理解 Refero 的分类体系,并按概念而非按公司来发现参考素材。
产品页面:知名公司和应用(如 Stripe)拥有专属页面,将其相关屏幕和流程集中在一处。
Refero MCP server:位于 `https://api.refero.design/mcp` 的 MCP 端点,让 AI agent 以结构化方式访问样式、屏幕、流程、模式和元数据;需要付费方案。
Figma 插件:可将参考素材直接引入 Figma,让研究与设计工作保持在同一环境中。
ChatGPT 与 Codex 插件:Refero MCP 及其 agent skill 可从 OpenAI Plugins Directory 一并安装,无需手动配置 MCP。

定价与费用

  • 定价:在我们查看的页面上未公开列出;请访问官网了解当前方案。
  • 免费与付费:通过 MCP 和 ChatGPT/Codex 插件进行的实时研究需要付费的 Refero 方案;网站本身可免费浏览作初步了解。
  • 团队支持:提供团队页面,包含共享工作区和团队订阅入口。
  • 平台:可在网页端访问,网页产品与 iOS 应用分别设有素材库,另有 Figma 集成。

适用人群

Refero Design 面向产品设计师、UX 研究人员和前端开发者,他们需要具体案例来了解其他产品如何处理特定屏幕或流程。它适合在设计定价页或移动端付费墙等模式之前先做基准对比的团队,也适合使用 AI 编程助手、希望通过 MCP 获取结构化设计参考的开发者。审查竞品界面的产品经理,以及为客户项目整理参考素材的设计代理机构,同样是典型用户。

常见问题

Refero Design 是什么?它是一个可搜索的 UI/UX 参考素材库,基于真实网页产品与 iOS 应用截图构建,包含完整的用户流程和结构化元数据。

Refero Design 是免费的吗?网站可免费浏览作初步了解,但通过 Refero MCP 和 ChatGPT/Codex 插件进行的实时 AI 辅助研究需要付费方案;具体价格见官方定价页面。

Refero Design 支持 Figma 吗?支持。Refero 提供可通过 Figma Community 目录安装的 Figma 插件,可将参考素材直接带入设计画布。

AI agent 可以使用 Refero Design 吗?可以。Refero 提供 MCP server、agent skill 以及 ChatGPT/Codex 一体化插件,让 AI 助手能够进行结构化的设计研究。

Refero Design 收录哪些类型的设计案例?素材库覆盖网页与 iOS 屏幕,以及新手引导、结账、订阅、取消订阅、权限和账户注销等多步流程。