Refero MCP：让 AI 先做设计调研，再画 UI

2026-03-16 | Product Hunt | 官网 | 123 票

30秒快速判断

这App干嘛的：给你的 AI Agent（Cursor、Claude Code 等）接上一个 12 万张真实产品截图的设计参考库，让 AI 生成 UI 之前先"看"一遍真实产品长什么样，输出不再千篇一律。

值不值得关注：值得。如果你在用 AI 写前端代码或做 UI 设计，这个工具精准解决了"AI 生成的界面全长一个样"的痛点。$12/月的价格不贵，而且是目前唯一做这件事的 MCP 服务。

与我有关三问

与我有关吗？

目标用户是谁：

• 用 Cursor/Claude Code/Goose 等 AI 工具写前端的开发者
• 需要 AI 帮忙做 UI 设计的产品经理
• Vibe coding 爱好者 — 让 AI 一键出界面但嫌丑的人

我是吗？ 如果你经常对 AI 生成的 UI 说"太平庸了"、"看起来像模板"、"没有设计感"，你就是目标用户。

什么场景会用到：

• 用 Cursor 写新页面，想让 AI 先看看 Notion/Airbnb 怎么做的再动手
• 做 SaaS 产品，需要参考竞品的注册引导/定价/仪表盘设计
• Vibe coding 时想让出来的东西"像个正经产品"而不是简单的模板

对我有用吗？

ROI 判断：对经常用 AI 做 UI 的人来说，$12/月非常划算。省一次找参考的时间就回本。但如果你一个月才做一次 UI，可能用 3 天免费试用就够了。

喜闻乐见吗？

爽点在哪：

• 即插即用：配好 MCP 后，AI 自动在生成前搜索参考，你不用改变工作流
• "哇原来可以这样"的瞬间：看到 AI 输出的 UI 从"模板味"变成"像个真产品"
• 12 万张真实截图：不是 Dribbble 上那种炫技概念稿，全是 Figma、Shopify、Airbnb 等真实在线产品

"哇"的瞬间：

"想象一下你的 AI 在生成 UI 之前先做设计调研。它会去学习真实的屏幕截图和用户流程，而不是靠瞎猜。" — @bbssppllvv，1912 likes，146K views

用户真实评价：

"最喜欢它的过滤功能——非常实用，导航方便，能给人带来很多灵感！" — ProductHunt 用户 "再也不用花好几个小时翻遍 100 个不同的网站来寻找设计灵感了。" — ProductHunt 用户

给独立开发者

技术栈

• 协议层: MCP（Model Context Protocol）— Anthropic 创建，2025年12月捐赠给 Linux Foundation
• 接口: MCP Server，暴露 5 个工具给 AI Agent
• 数据层: 124,000+ 真实产品截图，45+ 页面类型，36 用户流程分类，87 UX 模式
• 兼容客户端: Cursor, Claude Code, Goose 等所有支持 MCP 的 Agent

核心功能实现

Refero MCP 的技术逻辑主要分为三步：

1. AI Agent 收到 "设计一个仪表盘" 的指令
2. Agent 通过 MCP 调用 Refero 的工具（search_screens、search_flows、get_design_guidance），搜索真实产品中的仪表盘是如何设计的
3. Agent 基于搜索到的真实参考来生成 UI，而不是凭空想象

这就是所谓的 "调研先行设计方法论 (Research-First design methodology)" — AI 先研究再设计，就像一个真正的设计师不会直接动手，而是先看业界标杆怎么做。

开源情况

• 闭源商业产品，没有公开的 GitHub 仓库
• 在 agentskill.sh 上注册了技能包（@neversight/refero-design）
• 自己做难度：中高。核心难度不在技术，而在数据 — 你需要爬取、清洗、标注 12 万张产品截图并持续更新。技术部分（MCP Server + 搜索 API）估计 1-2 人月就能搞定，但数据积累是 Refero 花了 3 年多才做到的壁垒。

商业模式

• 订阅制 SaaS：Pro 版 $12-14/月，年付约 $8/月（33% 折扣）
• MCP 已包含在 Pro 订阅中，不额外收费
• 3 天免费试用，无需信用卡
• 年收入 €1.63M（2022年数据，MCP 推出前）
• PH 发布时提供 30% 折扣码

巨头风险

中等风险。Figma 已经有官方 MCP Server，但 Figma MCP 是连接你自己的设计文件，不是提供设计参考库。理论上 Figma 或 Mobbin 可以做同样的事，但目前尚未涉足。Refero 的护城河是 12 万张持续更新的真实产品截图数据库 + 先发优势。

给产品经理

痛点分析

• 解决什么问题：AI 生成的 UI 千篇一律，看起来都像同一个模板出来的
• 痛点有多痛：高频刚需。随着 Vibe coding 兴起，越来越多人用 AI 写前端，但生成的界面质量是个大问题。Mike Bespalov 曾说 — "大多数 AI 生成的界面看起来都一样。不是因为模型不好，而是因为它们从未学习过真实的产品设计。"

用户画像

功能拆解

竞品差异

可借鉴的点

1. "调研先行" 理念：让 AI 先调研再执行，这个思路可以扩展到任何 AI 工具 — 比如 AI 写文案前先看竞品文案，AI 写代码前先看相似开源项目
2. MCP 作为产品扩展层：把已有数据库通过 MCP 暴露给 AI，几乎零边际成本获得新用户。这是 MCP 时代的 "API 优先" 策略
3. 小团队 + 数据壁垒：3 个人，€1.63M 年收入，靠的是 3 年积累的 12 万截图数据库

给科技博主

创始人故事

• Mike Bespalov（又名 Mikhail Bespalov），产品设计师出身
• 之前做过 Spektr（iOS 照片编辑器）
• 曾在 Sigma Software Design 做医疗 App 设计
• 前 Clerk 团队成员
• 2022 年创立 Refero，从手动整理设计参考开始，花了一年时间人工策划
• 现居巴塞罗那，自称 "只是在努力做点好东西"
• 3 人团队：Mike + Lidiya + Stepan Smirnov（工程师）+ Denis Demidov
• 零融资，自力更生做到 €1.63M 年收入

争议点/讨论角度

• "AI 到底能不能有设计品味？" — 这是一个很好的辩题。Refero 的答案是 "给 AI 喂真实设计参考"，但也有人认为这只是换了一种方式的模板化
• 数据版权问题 — 12 万张截图来自真实产品，截图版权的法律边界在哪里？
• MCP 会不会让设计师失业？ — 当 AI 能自动调研 + 生成时，初级设计师的价值体现在哪里？

热度数据

• PH 排名: 123 票
• Twitter 热度: 创始人帖子 1912 次点赞 + 14.6 万次浏览（单帖），这在 MCP 工具品类中算很高的传播量
• 搜索趋势: "MCP design" 整体呈上升趋势

内容建议

• 适合写的角度: "Vibe coding 时代的设计质量问题" 或 "用 MCP 给 AI 装一双设计师的眼睛"
• 蹭热点机会: Vibe coding、MCP 生态、AI 工具链都是 2026 年持续热门的话题

给早期采用者

定价分析

隐藏成本：需要已有支持 MCP 的 Agent（如 Cursor Pro $20/月、Claude Code 按用量计费）。

上手指南

• 上手时间: 5-10 分钟
• 学习曲线: 极低
• 步骤：
  1. 注册 Refero Pro（3 天免费试用）
  2. 访问 refero.design/mcp 获取 MCP 配置
  3. 在 Cursor/Claude Code 的 MCP 设置中添加 Refero
  4. 开始正常使用 — AI 会自动在生成 UI 前搜索参考
  5. 试试 demo.refero.design 先感受一下效果

坑和吐槽

1. 不展示完整用户流程 — Refero 侧重单屏参考，想看完整的注册/引导流程的话用 Mobbin 更好
2. 搜索结果混排 — 不同产品的截图混在一起，没有按产品分组，容易看花眼
3. 无限滚动问题 — 列表太长，缺少分页或 "回到顶部" 的交互
4. 设计更新延迟 — 被参考的产品改了设计，Refero 不一定能马上同步

安全和隐私

• 数据存储: Refero 端存储截图数据库，你的 Agent 通过 MCP 查询，不会上传你的代码
• 隐私政策: MCP 连接只是搜索和读取参考图，不涉及你的项目数据
• 安全审计: 无公开审计报告

替代方案

给投资人

市场分析

• AI 设计工具市场: $4.4B (2023) → $26.5B (2033)，CAGR 19.6%
• 生成式 AI 设计: $994M (2025) → $16.9B (2035)，CAGR 32.75%
• Agentic AI 市场: $7.8B → $52B (2030)
• MCP 生态: 月 SDK 下载量超 9700 万（Python + TS）
• 驱动因素: Vibe coding 爆发、企业 AI 采用率提升（Gartner：2026 年底 40% 企业应用含 AI Agent）

竞争格局

Timing 分析

• 为什么是现在: MCP 在 2025 年标准化，2026 年全面普及。Vibe coding 让"AI 生成 UI"从极客行为变成主流开发方式。但 AI 生成质量是痛点，现在正是解决这个痛点的最佳时机。
• 技术成熟度: MCP 已是事实标准，所有主要 AI 厂商都已支持
• 市场准备度: 高。开发者已经在用 AI 写 UI，只是对质量不满意

团队背景

• Mike Bespalov（创始人）: 产品设计师出身，前 Clerk/Sigma Software Design
• 核心团队: 3-4 人，巴塞罗那
• 过往成绩: Spektr（iOS App）、3 年内将 Refero 做到 25 万用户 + €1.63M 年收入

融资情况

• 已融资: $0 — 完全自力更生（bootstrapped）
• 年收入: €1.63M（2022 年，MCP 推出前）
• 估值: 未公开
• 在 Tracxn 上排 991 个竞争者中第 87 位

结论

一句话判断：Refero MCP 精准抓住了 "AI 生成的 UI 太平庸" 这个痛点，用 "调研先行" 方法论 + MCP 标准接口，让 AI 在设计前先看真实产品。小团队、自力更生、数据壁垒，定位非常清晰。

资源链接

2026-03-16 | Trend-Tracker v7.3