什么是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,让它们在生成设计输出前研究实际发布的界面。
1. Refero包含什么类型的内容?⌄
10万+来自真实网页和iOS产品的截图,按页面类型、UX模式、UI元素、用户流程和字体分类整理。所有内容均来自真实发布的产品——没有概念作品或社区上传。
2. Refero与Dribbble或Behance有什么不同?⌄
Dribbble和Behance展示概念和作品集作品。Refero只包含来自真实部署产品的界面,使其成为研究工具而非灵感画廊。
3. Refero与Mobbin有什么不同?⌄
Refero涵盖网页和iOS两个平台,提供结构化的UX流程分析,并包含字体参考库。它还提供终身订阅选项,通常被认为更实惠。
4. 内容多久更新一次?⌄
每周更新。团队持续添加新界面、流程和模式,保持库内容与不断发展的产品设计趋势同步。
5. AI工具可以使用Refero吗?⌄
可以。Refero提供MCP服务器,让AI Agent直接查询库内容,将其设计输出建立在真实产品界面基础上。还有Claude Code技能用于研究优先的设计工作流。
6. Refero有Figma插件吗?⌄
有。Figma插件让您可以直接在Figma工作区中搜索和插入真实产品参考,无需切换标签页。
7. Refero适合初学者吗?⌄
适合。结构化的分类使其即使没有深厚设计经验也易于导航。适用于任何技能水平。
