Refero

Was ist Refero?

Refero ist eine Design-Research-Plattform, die eine kuratierte Sammlung von 100.000+ realen Web- und iOS-Produktbildschirmen bietet, organisiert nach Seitentypen, UX-Patterns, UI-Elementen, Nutzerflows und Schriftarten. Anders als Inspirationsgalerien, die konzeptuelle Arbeit zeigen, präsentiert Refero ausschließlich Bildschirme von live, ausgelieferten Produkten — was es zu einem praktischen Referenztool statt einem Mood Board macht. Es dient UX/UI-Designern, Produktmanagern und AI-Agenten, die fundierte, reale Interface-Daten benötigen, um Design-Entscheidungen zu treffen.

Hauptfunktionen

• Massive Bibliothek realer Produktbildschirme

  100.000+ kuratierte Screenshots, ausschließlich von live Web- und iOS-Produkten bezogen, organisiert nach Seitentyp, Branche und UI-Komponente — wöchentlich mit frischen Inhalten aktualisiert.

• UX-Flows

  End-to-End-Nutzerreise-Karten, die Anmeldung, Onboarding, Checkout und Kontoverwaltungsflows abdecken, ermöglichen Designern das Studium vollständiger Interaktionssequenzen statt isolierter Bildschirme.

• Granulare Suche und Filterung

  Suche nach Seitentyp, UX-Pattern, UI-Element, Unternehmen, Branche oder natürlicher Sprache — mit Filtern für Plattform (Web oder iOS), um genau das zu finden, was Sie brauchen.

• UX-Patterns und UI-Elemente

  87+ UX-Patterns und 69+ UI-Elemente — von Testimonial-Karussells und Abrechnungsflows bis zu Skeleton-Loadern und Navigationsleisten — mit technischen Metadaten für präzise Referenz getaggt.

• Schriftarten-Referenzbibliothek

  Katalogisiert Tausende von Schriftarten-Implementierungen aus realen Produkten, einschließlich Nutzungsstatistiken, Paarungsempfehlungen und responsive Design-Anwendungen.

• Figma Plugin und MCP Server

  Fügen Sie echte Produktreferenzen direkt in Figma ein oder verbinden Sie AI-Agenten über MCP, damit sie tatsächlich ausgelieferte Interfaces erforschen, bevor sie Design-Output generieren.

Anwendungsfälle

• UX/UI Design Research : Designer benchmarken ihre Arbeit gegen echte ausgelieferte Produkte — finden heraus, wie Top-Unternehmen Dashboards, Paywalls oder Onboarding handhaben — ohne manuell durch Dutzende von Apps zu suchen.
• Wettbewerbs- und Pattern-Analyse : Produktmanager und Designer können auditieren, wie Branchenkollegen spezifische Flows strukturieren oder wiederkehrende UI-Patterns implementieren, gestützt durch tatsächliche Produktbeweise.
• AI-unterstützte Design-Workflows : AI-Agenten verbinden sich über MCP, um ihren Output in echten Produktinterfaces zu verankern und reduzieren halluzinierte oder generische Design-Vorschläge während Code- oder Prototyp-Generierung.
• Typografie und visuelle Konsistenz : Teams, die Schriftarten-Entscheidungen erkunden, können referenzieren, wie beliebte Produkte spezifische Schriftarten geräteübergreifend implementieren, was informiertere und konsistentere Design-Systeme unterstützt.
• Rapid Prototyping Referenz : Designer, die in Figma arbeiten, können echte Produktbildschirme direkt in ihren Arbeitsbereich als Referenzen ziehen, was Wireframing beschleunigt und Rätselraten reduziert.

Häufig gestellte Fragen