Refero

什么是Refero？

Refero是一个设计研究平台，提供10万+真实网页和iOS产品界面的精选集合，按页面类型、UX模式、UI元素、用户流程和字体分类整理。与展示概念作品的灵感画廊不同，Refero专门收录来自真实发布产品的界面——使其成为实用的参考工具而非情绪板。它服务于UX/UI设计师、产品经理和需要基于真实界面数据做出设计决策的AI Agent。

主要功能

• 海量真实产品界面库

  10万+精选截图，专门来源于真实的网页和iOS产品，按页面类型、行业和UI组件分类整理——每周更新新鲜内容。

• 用户体验流程

  端到端用户旅程图，涵盖注册、引导、结账和账户管理流程，让设计师能够研究完整的交互序列，而非孤立的界面。

• 精准搜索与筛选

  支持按页面类型、UX模式、UI元素、公司、行业或自然语言搜索——配合平台筛选器（网页或iOS），精确找到所需内容。

• UX模式与UI元素

  87+种UX模式和69+种UI元素——从推荐轮播和付费流程到骨架加载器和导航栏——标注技术元数据以供精确参考。

• 字体参考库

  收录数千种真实产品的字体实现，包括使用统计、配对建议和响应式设计应用。

• Figma插件与MCP服务器

  直接在Figma中插入真实产品参考，或通过MCP连接AI Agent，让它们在生成设计输出前研究实际发布的界面。

使用场景

• UX/UI设计研究 : 设计师将自己的作品与真实发布的产品进行对标——了解顶级公司如何处理仪表板、付费墙或引导流程——无需手动搜索数十个应用。
• 竞品与模式分析 : 产品经理和设计师可以审查行业同行如何构建特定流程或实现常见UI模式，基于实际产品证据。
• AI辅助设计工作流 : AI Agent通过MCP连接，将其输出建立在真实产品界面基础上，减少在代码或原型生成过程中的虚假或通用设计建议。
• 字体与视觉一致性 : 探索字体选择的团队可以参考热门产品如何在不同设备上实现特定字体，支持更明智和一致的设计系统。
• 快速原型参考 : 在Figma中工作的设计师可以直接将真实产品界面拉入工作区作为参考，加速线框图制作并减少猜测。

常见问题