Refero — design research library for real product UI

Explore Refero for 135,000+ real product screens and user flows—search by page type, UX pattern, or company, with Figma plugin, research mode, and MCP for AI agents.

  • UI Research
  • User Flows
  • Design Inspiration
  • Figma
Publisher
Refero
Type
Design Research Library
Pricing
Freemium
Reviewed
22 August 2026
Refero design research library browsing real web and iOS product screens
Official site preview — Refero. Live UI, pricing, and generation happen on their domain.

Quick verdict

Use when
You need searchable real product screens and user flows—not mockups—to benchmark onboarding, paywalls, dashboards, and UI patterns before designing or building.
Skip when
You only want still-image moodboards, landing-page galleries without flows, or free unlimited access to every screen in the library.
Try instead

Browse portfolio galleries, visual moodboards, and landing inspiration on Uwarp when structured product research is not the job.

Refero vs common alternatives

Stable selection factors only—library depth, search model, workflow integrations, and pricing. Confirm live details on each official site.
  • ReferoThis page

    Pricing
    Free tier with limited library access; Pro from ~$10/mo billed annually—confirm live tiers
    Library focus
    135,000+ curated web and iOS screens plus step-by-step user flows and visual styles
    Search model
    Filter by page type, UX pattern, UI element, company, font, and research-mode prompts
    Integrations
    Figma plugin, Refero MCP for AI agents, and Refero Skill methodology—Pro required for full access
  • Mobbin

    Pricing
    Freemium with paid plans for full mobile and web libraries—confirm live tiers
    Library focus
    Large mobile and web UI pattern library with screenshots and flows
    Search model
    Browse by app, screen type, and UI element with advanced filters on paid tiers
    Integrations
    Figma plugin and collections on paid plans—confirm on site
  • Page Flows

    Pricing
    Paid subscription for full user-flow library—confirm live tiers on site
    Library focus
    Video and screenshot user flows across web and mobile products
    Search model
    Browse flows by product category and journey type
    Integrations
    Browse on web; confirm export and plugin options on site
  1. Refero — official site
  2. Mobbin — official site
  3. Page Flows — official site

Learn more

Details below the decision summary—features, workflow, and scope notes.

What is Refero?

Refero is a design research library at refero.design with 135,000+ real web and iOS product screens, user flows, and visual style references. Designers and product teams search by page type, UX pattern, UI element, or company to see how shipped products handle onboarding, paywalls, dashboards, and more—with research mode for task-based analysis and MCP integration so AI agents ground output in real interfaces.

What it costs

Tier snapshot before you browse refero.design.
Free tier
Yes
Pricing summary
Refero offers a free tier with access to roughly 3% of the library and basic search. Pro unlocks the full collection, Figma plugin, Refero MCP, and weekly updates—around $10/month billed annually. Team plans add shared bookmarks. Confirm live pricing on the official site.

Reviewed on 22 August 2026 · Refero — official site

What Refero provides

Core capabilities of the public Refero product.
  • Massive screen library

    Browse 135,000+ full-size web and iOS screenshots from leading products, updated weekly.

  • User flow catalog

    Study step-by-step journeys—from signup and onboarding to billing, cancellation, and core tasks.

  • Advanced search filters

    Narrow by page type, UX pattern, UI element, industry, company, font, and similar-screen recommendations.

  • Research mode

    Describe a design task and get analysis, references, and reasoning grounded in the library.

  • Figma plugin

    Insert real product references directly into Figma boards—Pro plan required for full access.

  • Refero MCP and Skill

    Connect AI agents to screens, flows, and styles so builds start from shipped patterns—not generic taste.

How to use Refero

A practical product UI research workflow.
  1. Define the pattern

    Start with the page type or UX pattern you need—paywall, onboarding, dashboard, or checkout.

  2. Search and compare

    Filter by company, industry, or UI element and open similar-screen recommendations for variants.

  3. Study flows

    Walk through user flows to see step order, friction points, and edge cases across real products.

  4. Export to your stack

    Save bookmarks, pull references into Figma, or query via MCP when building with AI agents.

Who Refero is for

Roles that benefit from structured product UI research.
  • Product and UX designers

    Benchmark real onboarding, billing, and feature UI before wireframing or polishing high-fidelity work.

  • Founders and product managers

    See how category leaders structure flows and paywalls when scoping a new feature or MVP.

  • AI-assisted builders

    Give coding agents design taste through Refero MCP so generated UI matches shipped product patterns.

When Refero is the right pick

Choose Refero when you need structured, searchable references from real products—including flows—and want Figma or MCP hooks for design and AI workflows. Skip it when free unlimited browsing or still-image moodboards alone are enough.

Tech specs

Snapshot of the Refero platform.
Coverage
Web and iOS product screens and flows with weekly content updates—confirm platform list on site.
Integrations
Figma plugin and Refero MCP for Cursor, Claude, and other MCP-compatible tools—Pro required.
Free tier limits
Roughly 3% of the library with capped screens per search—confirm live limits on site.
Affiliation
Uwarp has no affiliation with Refero; this is an independent review page.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.