让 agent 访问设计参考
将 AI agent 连接到 Refero 精选的真实产品界面和用户流程库，使 agent 能在输出前先进行研究。
概述
Refero MCP for AI agents 是一款设计研究工具，它将兼容 MCP 的 agent 连接到 Refero 的真实产品界面和用户流程库。其定位是帮助 agents 在生成设计之前研究现有布局和交互模式，使结果建立在示例之上，而不是通用假设之上。
底层 Refero 平台专注于 Web 和 iOS 的 UI/UX 参考资料，收录了数以万计的屏幕和用户流程，并按搜索与对比进行组织。MCP 产品将该库扩展到 agent 工作流中，而网站还展示了相关产品，例如 Refero Skill，以及用于在 Figma 内浏览参考资料的 Figma 插件。
功能
海量屏幕和流程库
提供大量可搜索的 Web 和 iOS 屏幕集合，包括引导、付费墙、空状态、设置、权限以及其他产品状态。
结构化屏幕元数据
包含描述、UX 模式、UI 模式和布局等结构化元数据，让 agent 在查看图片之前就能评估参考内容。
快速模式审阅
支持在数百个屏幕和流程中快速开展设计研究，旨在减少 agent 任务中的手动浏览。
搜索与筛选流程
支持按标签、文本内容和站点名称搜索，并可通过平台切换在 Web 和 iOS 结果之间切换。
用于设计方法论的 Refero Skill
包含 Refero Skill，可作为研究优先设计工作的 methodology 安装到 agent 中，并提供关于排版、颜色、间距和动效的规范规则。
使用场景
在构建 UI 前进行研究
agent 可以在生成界面之前查找相关的产品屏幕和用户流程，这在任务需要特定布局或交互模式时尤其有用。
为产品流程研究模式
团队可以搜索引导、计费、账户设置以及其他常见应用流程的示例，以比较真实产品如何处理这些状态。
在 agent 工作流中查找参考
使用支持 MCP 的编码工具的设计师可以让 agent 搜索 Refero 中的相关参考，而无需在浏览器标签页和截图之间手动切换。
跨平台设计灵感
由于该库同时包含 Web 和 iOS 示例，当产品需要在不同界面保持一致设计语言时，它可以提供跨平台灵感。
研究优先的设计方法
当团队希望 agent 先研究参考资料，再应用排版、颜色、间距和动效方面的规范时，可以使用 Refero Skill。
Pros and Cons
Pros
- 将 agent 连接到大量真实的 Web 和 iOS 产品屏幕与流程库。
- 增加了结构化元数据，相比仅看图片浏览，更有助于开展有针对性的设计研究。
- 可与支持 MCP 的工具配合使用，并在首次登录后展示简洁的授权流程。
- 配合 Refero 的其他搜索功能，例如标签、文本搜索、站点搜索以及 Web/iOS 切换。
- 定价页面显示 MCP 访问包含在 Pro 计划中。
Cons
- 来源未提供完整的分步安装指南，只给出了一行配置和浏览器登录流程。
- 兼容性仅被宽泛描述为任何支持 MCP 的工具，但页面未列出更深入的集成细节或平台要求。
- 某些产品领域，例如团队使用和具体计划边界，仅在来源页面中有部分说明。
FAQ
如何访问 Refero MCP？
Refero MCP 包含在 Refero Pro 订阅中。首次使用时，你会通过浏览器窗口登录，之后连接会在后续使用中自动完成。
Refero MCP 可与哪些工具配合使用？
页面说明 Refero MCP 可与任何支持 MCP 的工具配合使用，并明确展示了 Claude Code、Cursor、Antigravity、Lovable、Codex、Manus 以及其他兼容工具。
设置如何进行？
页面展示的安装流程是先进行一行配置，然后通过浏览器完成登录和授权。之后，你的 agent 就可以在任务期间搜索 Refero 的屏幕和用户流程。
Refero MCP 适用于什么场景？
Refero MCP 面向需要设计参考的 AI agents，尤其适用于它们生成界面、研究模式或为产品工作选择布局时。
有哪些限制或设置细节需要了解？
来源未详细说明每一项兼容性细节或完整安装步骤，但页面显示该产品围绕 MCP 支持和基于浏览器的授权构建。
Quick Facts
- 类别
- 开发者工具
- 主要用途
- AI agent 设计研究
- 产品类型
- MCP 连接的参考资料库
- 平台范围
- Web 和 iOS 设计参考
- 访问方式
- 包含在 Refero Pro 中
- 来源域名
- refero.design
Refero MCP 替代品
PixelDrive
PixelDrive 是一款批量图片生成 API，可通过浏览器编辑器、REST API、CSV 批量导入或 MCP，基于单一模板快速生成多张品牌图片，适合需要可缓存渲染和按使用量计费的团队。
Napkin AI
Napkin AI 可将文本转为可编辑视觉内容，适用于演示文稿、文档和可分享内容。支持以文本为起点生成，并可协作，导出为 PPT、PNG、SVG 或 PDF。
Pixso
Pixso 是一款新一代的 AI 原生 UI 设计工具，允许用户一键生成设计草稿和代码，是 Figma 的国内替代品。
创客贴 AI
创客贴 AI 是一个 AI 智能设计平台，包含了多种 AI 设计工具，帮助用户降低设计难度，提升设计效率。
Make Real
Make Real 是一款 Next.js 应用，可将手绘线框图转为可运行的 HTML 原型，基于 tldraw SDK 和 AI 模型，在画布上草绘、生成代码并在嵌入式预览中查看结果。
Frames
Frames让你快速用高品质设备框和模板制作发布海报与社媒营销图，适配Instagram、Twitter与Product Hunt。可免费开始。