产品概览
什么是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中工作的设计师可以直接将真实产品界面拉入工作区作为参考，加速线框图制作并减少猜测。
常见问题
Refero的替代方案
Impeccable
为AI编码工具设计的设计技能框架，为Cursor、Claude Code、Gemini CLI等工具带来精选的前端设计专业知识和17个命令。
Paper
代码原生设计平台，结合布局工具与动画 shader 和高级 AI 功能，用于创建生产就绪的设计和交互体验。
Uizard
AI赋能的UI设计平台，通过直观工具和自动化，实现线框、原型和用户界面的快速创建。
Banani
文本到UI设计工具，可从简单描述生成交互式原型和线框图，具有实时协作功能。
UXPin
协作式 UX 设计平台，支持交互原型、设计系统与开发交付，集成真实代码组件。
OpenUI
一个用于生成式UI的开放标准框架，使LLM能够动态组合和流式传输交互式React界面，而不是纯文本。
Mokkup.ai
基于云端的仪表板线框图工具，帮助数据分析师、BI开发者和业务团队快速原型设计并协作商业智能仪表板。
FlowMapp
可视化用户体验规划平台，结合AI工具与协作功能，轻松创建Sitemap、用户流程、Wireframe和项目方案。