Refero, built by Refero Inc., is a UI/UX design reference library of screen captures and user flows from real web apps, websites, and iOS apps. Alongside tag, image, and text search plus a Figma plugin for human designers, it stands out for its MCP connection — letting coding agents such as Claude Code, Cursor, and Codex draw on design knowledge from real products. That offers a concrete answer to a familiar problem: AI-generated UI tends to look the same. Since its Product Hunt launch in March 2023, the library has grown past 142,000 screens and user flows. It later added “Refero Styles,” which structures the design systems of real products — color palettes, typography, spacing, motion — so you can reference not just individual screens but a product’s overall visual direction through MCP.
Key Features
- Tag, image, and text search: Search by page type, UX pattern, and UI element tags, plus similar-design search via image upload and search by site name or text content
- User flows included: Reference multi-screen operation flows end to end, from signup through cancellation
- Figma plugin: An official plugin that lets you search for and insert reference UI without leaving Figma
- Refero MCP: A remote MCP server at
https://api.refero.design/mcp. Authenticate via OAuth or a Bearer token and connect from major coding agents including Claude Code, Cursor, Codex, Lovable, Antigravity, and Manus. Because the agent can consult real product screens and flows before generating UI, the output quality goes up. In May 2026, Refero Styles — structured design systems from real products — became searchable through MCP as well, widening the reference scope to color palettes, typography, and component tendencies, starting from a brand name, a mood, or a URL (based on the official announcement on X, as of May 2026) - Refero Skill: An agent-facing methodology package, installable with
npx skills add, that forces reference research before any UI generation. Published on GitHub under the MIT license - Research mode: Describe a task in natural language and get back relevant references, analysis, and reasoning. Featured on the official site’s homepage as of August 2026
Pricing
| Plan | Monthly price | Key features |
|---|---|---|
| Free | $0 | Access to roughly 3% of the library. Basic tag and company-name search only; no MCP, Figma plugin, or Refero Skill |
| Pro | $10/mo (monthly equivalent when billed annually, $120/year) | Unlimited access to all 142,000+ screens and user flows, downloads, Figma plugin, Refero MCP, Refero Skill |
| Team | $12/mo per seat ($140/year when billed annually) | Per-seat billing with a 3-seat minimum. Everything in Pro plus an admin panel and shared team bookmarks. SAML SSO is a paid add-on (quoted individually) |
| Lifetime | Check the official site | Described as one-time purchase for perpetual access, but pricing and terms are not published |
Pricing is current as of August 2026. The month-to-month rate for Pro and the Lifetime price only appear after switching tabs on the official site, so neither could be confirmed at the time of writing. For the latest pricing, check the official site.
Pros and Cons
✅ Pros
- Filter across 142,000+ screens and user flows using page-type, UX-pattern, and UI-element tags plus image similarity search
- Supports both a Figma plugin and a remote MCP, so it fits into the workflows of human designers and AI agents alike
- MCP officially supports major coding agents including Claude Code, Cursor, Codex, Lovable, and Manus, and can reference product-level design systems (Refero Styles)
⚠️ Cons
- The Free plan exposes only about 3% of the library, making this effectively a paid-first service
- MCP, the Figma plugin, and full search are all Pro-and-up, so there’s little room to try the features for free
- The library is smaller than competitor Mobbin (400,000+)
- The Team plan bills per seat with a 3-seat minimum, and SSO is a paid add-on requiring a separate inquiry
Comparison with Similar Services
| Criteria | Refero | Mobbin | Screenlane | Page Flows |
|---|---|---|---|---|
| Library size | 142,000+ screens, 12,000+ flows | 400,000+ screenshots | Mobile UI focused (size undisclosed) | User flow videos focused |
| Search methods | Tags, image similarity, text search | Mainly tags and company name | Category and inspiration focused | Mainly flow video browsing |
| AI agent integration (MCP) | Supported (Pro and up; Claude Code/Cursor/Codex, etc.) | Not a headline feature | Not supported | Not supported |
| Figma integration | Official plugin | ─ | ─ | ─ |
What sets Refero apart is that a single library serves both design reference for human designers and MCP integration for AI agents. Mobbin wins on scale but doesn’t foreground AI agent features, while Screenlane and Page Flows each specialize in a narrower use case — browsing mobile UI and watching flow videos, respectively.
Who It’s For
- Product designers who want to look at real examples of similar use cases before designing UI for a new feature
- Developers who want coding agents like Claude Code or Cursor to reference real product designs over MCP
- Anyone who wants to pull up reference examples directly from a plugin while working in Figma
- Teams that want to share best practices for specific flows — onboarding, checkout — through shared bookmarks
Conclusion
Refero is a UI/UX reference library that delivers screens and user flows from real web and iOS products on two tracks at once: searchability for human designers and MCP integration for AI agents. Beyond referencing through the Figma plugin, the ability to hand real-world design examples to coding agents like Claude Code and Cursor over MCP is a concrete answer to the problem of generated UI all looking alike. The later addition of Refero Styles widened the reference scope from individual screens to a product’s overall visual direction. Worth noting on the other side: the Free plan shows only 3% of the library, and the main features assume a Pro subscription.