Skip to content
Refero Design logo

Refero Design

A vast UX/UI intelligence and design research platform with 142,000+ indexed real-world product screens, interaction flows, and AI MCP agent integrations.

Refero Design Official Overview

Overview

Refero Design (refero.design) is one of the world's most extensive design research archives and UI intelligence engines. Indexing over 142,000+ high-resolution screens and complete user flows across 1,000+ top-tier SaaS and consumer web products, Refero bridges real-world design benchmarks directly into developer and AI coding agent workflows.

Key Features

  • 142,000+ Real Product Screens: Comprehensive captures of real onboarding flows, billing tables, navigation layouts, and empty states.
  • Granular Interaction Tagging: Filter by exact UX patterns (e.g., Paywall, SSO Login, Dark Mode Toggle, Command Palette).
  • Native AI Agent MCP Integration: Refero provides dedicated Model Context Protocol tools and Agent Skills to inject benchmark UX references before code synthesis.
  • Figma Native Ecosystem: Browse and copy real product screenshots and structural references directly within Figma canvas.

Why Choose Refero for Product Engineering?

  1. Evidence-Based UI Decisions: Stop guessing UI layouts by referencing proven UX conventions from Stripe, Linear, Vercel, and Figma.
  2. AI Code Grounding: Equip AI coding agents with verifiable real-world UI screenshots to prevent generic AI interface generation.

Comments & Discussion

0 comments
Share your experience, thoughts, or suggestions...

No comments yet. Be the first to share your experience or thoughts!

Related libraries

Curated by category & stack