Refero

Refero 是真实产品界面研究库，覆盖 Web App 与 iOS 屏幕、用户流程和设计模式。当前首页还突出 Refero MCP：设计师可在网页或 Figma 中查参考，AI 代理则能在生成界面前检索真实产品案例，减少只凭通用训练印象拼 UI。

搜索要从具体任务开始

比起输入“漂亮后台”，更有效的查询是“带 SSO 和忘记密码的登录”“从注册到取消的流程”“设置页中的删除账户”或“带筛选与排序的列表”。Refero 的页面类型、设计模式和页面元素筛选适合将需求拆成可验证的界面问题。

屏幕、模式与 Flow 各有作用

Figma 插件用于人工设计

官方提供 Figma Community 插件，可在设计环境中查阅参考。把截图引入文件后，应标注来源产品、平台、日期和观察点，再用自己的设计系统重建；否则团队只看到视觉结果，不知道为何选择，也容易把竞品内容和品牌资产带入成品。

MCP 用于约束 AI 代理

Refero MCP 让代理连接到策展的真实产品界面与流程库。提示任务时应同时给出用户角色、平台、关键状态、设计系统和不可复制的品牌边界，并要求代理返回参考依据。MCP 提供证据，不会自动解决业务逻辑、无障碍或原创性。

免费库只用于判断适配度

当前定价页说明免费访问只覆盖完整库的一小部分，付费档开放 Web 与 iOS 设计、用户流程、Figma 插件等更完整能力。选购前用自己的典型任务测试筛选质量和覆盖行业，不应只根据页面宣称的屏幕数量决定。

团队书签要附上结论

1. 按产品问题而不是成员姓名建集合。
2. 每条参考写明采用或拒绝的原因。
3. 把相似方案并排，注明不同前提。
4. 定期复查原产品是否更新。
5. 将最终原则链接到需求和组件文档。

给代理设定证据格式：要求每个界面建议同时返回来源产品、参考屏幕、适用平台和采用理由，并把没有找到证据的部分明确标为假设。设计师复核后再进入组件稿，避免代理把多款产品的片段拼成逻辑互相冲突的流程。

真实案例仍需二次验证

上线界面代表真实存在，不保证是最佳实践，也不代表可以照搬。涉及支付、隐私、删除数据和权限的流程，要结合本地法规与产品政策；视觉素材、商标和文案仍属于原作者。Refero 更适合建立设计证据，而不是下载现成模板。