Refero

Qu'est-ce que Refero ?

Refero est une plateforme de recherche en design offrant une collection organisée de plus de 100 000 écrans de produits web et iOS du monde réel, organisés par types de pages, patterns UX, éléments UI, flux utilisateur et polices. Contrairement aux galeries d'inspiration qui présentent du travail conceptuel, Refero présente exclusivement des écrans de produits en ligne et déployés — en faisant un outil de référence pratique plutôt qu'un mood board. Il sert les designers UX/UI, chefs de produit et agents AI qui ont besoin de données d'interface du monde réel pour éclairer leurs décisions de design.

Fonctionnalités clés

• Bibliothèque massive d'écrans de produits réels

  Plus de 100 000 captures d'écran sélectionnées, provenant exclusivement de produits web et iOS en ligne, organisées par type de page, secteur et composant UI — mises à jour chaque semaine avec du contenu frais.

• Flux UX

  Cartes de parcours utilisateur de bout en bout couvrant l'inscription, l'onboarding, le checkout et les flux de gestion de compte, permettant aux designers d'étudier des séquences d'interaction complètes plutôt que des écrans isolés.

• Recherche et filtrage granulaires

  Recherche par type de page, pattern UX, élément UI, entreprise, secteur ou langage naturel — avec des filtres pour la plateforme (web ou iOS) pour trouver exactement ce dont vous avez besoin.

• Patterns UX et éléments UI

  Plus de 87 patterns UX et 69 éléments UI — des carrousels de témoignages et flux de facturation aux loaders squelettes et barres de navigation — étiquetés avec des métadonnées techniques pour une référence précise.

• Bibliothèque de référence de polices

  Catalogue des milliers d'implémentations de polices de produits réels, incluant les statistiques d'usage, recommandations d'association et applications de design responsive.

• Plugin Figma et serveur MCP

  Insérez des références de produits réels directement dans Figma, ou connectez des agents AI via MCP pour qu'ils recherchent des interfaces réellement déployées avant de générer des résultats de design.

Cas d'utilisation

• Recherche en design UX/UI : Les designers comparent leur travail aux produits réellement déployés — découvrant comment les grandes entreprises gèrent les tableaux de bord, paywalls ou onboarding — sans chercher manuellement dans des dizaines d'apps.
• Analyse concurrentielle et de patterns : Les chefs de produit et designers peuvent auditer comment les pairs de l'industrie structurent des flux spécifiques ou implémentent des patterns UI récurrents, appuyés par des preuves de produits réels.
• Workflows de design assistés par AI : Les agents AI se connectent via MCP pour ancrer leur sortie dans des interfaces de produits réels, réduisant les suggestions de design hallucinées ou génériques lors de la génération de code ou prototypes.
• Typographie et cohérence visuelle : Les équipes explorant les choix de polices peuvent référencer comment les produits populaires implémentent des typographies spécifiques sur différents appareils, soutenant des systèmes de design plus informés et cohérents.
• Référence de prototypage rapide : Les designers travaillant dans Figma peuvent intégrer des écrans de produits réels directement dans leur espace de travail comme références, accélérant le wireframing et réduisant les approximations.

FAQ