Refero
Eine strukturierte Bibliothek echter Produktinterfaces — durchsuchbar nach Seitentyp, UX-Pattern, Unternehmen oder natürlicher Sprache — gebaut für Designer und AI-Agenten gleichermaßen.
Community:
Produktübersicht
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
Refero Alternativen
Impeccable
Ein Design-Fähigkeiten-Framework für KI-Coding-Tools, das kuratiertes Frontend-Design-Fachwissen und 17 Befehle zu Tools wie Cursor, Claude Code, Gemini CLI und mehr bringt.
Paper
Code-native Design-Plattform, die Layout-Tools mit animierten Shadern und erweiterten KI-Features kombiniert, um produktionsreife Designs und interaktive Erfahrungen zu erstellen.
Uizard
KI-basierte UI-Design-Plattform, die mit intuitiven Tools und Automatisierung die schnelle Erstellung von Wireframes, Prototypen und Benutzeroberflächen ermöglicht.
Banani
Text-zu-UI-Design-Tool, das interaktive Prototypen und Wireframes aus einfachen Beschreibungen mit Echtzeit-Kollaborationsfunktionen generiert.
UXPin
Kollaborative UX-Designplattform für interaktives Prototyping, Designsysteme und Entwicklerübergabe mit echten Code-Komponenten.
OpenUI
Ein offener Standard-Framework für Generative UI, der LLMs ermöglicht, interaktive React-Schnittstellen dynamisch zu komponieren und zu streamen, anstatt einfachen Text.
Mokkup.ai
Cloud-basierte Dashboard-Wireframing-Lösung für Datenanalysten, BI-Entwickler und Business-Teams, um schnell Prototypen zu erstellen und bei Business-Intelligence-Dashboards zusammenzuarbeiten.
FlowMapp
Visuelle UX-Planungsplattform zur Erstellung von Sitemaps, User Flows, Wireframes und Projektangeboten mit KI-gestützten Tools und Kollaborationsfunktionen.