close
Refcat

Du brief au parcours réel, dans votre outil.

Pour les product designers et les développeurs qui créent avec des agents IA. Décrivez ce que vous concevez, trouvez des parcours réels issus de produits publiés et emportez-les dans Figma, Chrome ou Claude Code et Cursor via MCP. Chaque écran garde sa source.

Gratuit pour commencer · Sans carte bancaire · 24 parcours exportés vers Figma cette semaine · 467 k apps ajoutées ce mois-ci
Bibliothèque de références UI Refcat
YOUR STARTING POINT

Not sure where to start? Pick what you're designing.

Start with one task. Find a real flow, compare its steps and save a reference for your project.

  1. 1Open a flow that matches your task
  2. 2Compare the steps, not just the look
  3. 3Save the useful reference to a folder
Find my first reference

Start on Free. No credit card required.

TumblrWithings Health MateNibbleHow We FeelWealthsimpleCulture TripHopperParamount+SlowlyMonzomonday.comOpenTableWolt DeliverySkyscannerCleoHouzzMessengerJumpropeRaribleSnapchatTaskRabbitInsight TimerRetroGooglePerplexityDropboxMeta QuestZillowStravaYouTube StudioEndelClubhouseThe Wall Street JournalFabulousTimeTreeBleacher ReportadidasGrubhubMacroFactorTrelloShopArtifactKitchen StoriesGrouponInstagramBeat PassengerNYT CookingfoodpandaTastyTinderOpendoorZoomLifesumGoogle ChromeBuzzFeedFeeldSonosNeo FinancialLimeAlan MindClassPassYahoo FinanceLystUber EatsNeverthinkFiverrTargetStarbucksDeezerGOATSubstackGoogle NewsSwiggyUnder ArmourYouTube MusicBeReal.GoDaddy StudioZocdocSmartThingsAirtaskerPeerspaceMarriott BonvoyDuolingoAmazon ShoppingWealthsimple InvestTradingViewCitizenHQ TriviaTubiBehanceShazamFitbitCourseraScootAffirmBest BuyLemon8ThumbtackZARACornershop
COMMENT ÇA MARCHE

Briefez votre agent de design. Obtenez une direction fondée en quelques secondes.

De l'onboarding au paiement, Refcat trouve les patterns de vrais produits qui facilitent votre prochaine décision de design.
Écran réel de l'app Uber, parcours Onboarding
Fonctionnalités

Un agent de design conçu pour le vrai travail produit

Briefez l'agent, examinez les vrais patterns derrière ses choix et transférez le travail dans Figma ou votre IDE préféré.
EXPORT VERS FIGMA

Reprenez la direction fondée de l'agent et importez des parcours complets dans Figma en un instant.

Un vrai parcours d'app exporté de Refcat vers des frames Figma
VOS DOSSIERS

Gardez les patterns trouvés par votre agent organisés et prêts à partager avec votre équipe.

Dossiers Refcat organisant des écrans et parcours enregistrés
FILTRES

Breakpoint, app ou parcours. Donnez à votre agent le bon contexte de design.

Filtrage du catalogue par plateforme, app et parcours
IMAGE VERS CODE

Transformez la capture d'une vraie app en code, avec un contexte visuel fiable.

Capture d'une vraie app à côté du code généré à partir d'elle
NOTES

Consignez décisions et contexte à côté de la direction de l'agent.

Notes jointes à des écrans de référence d'Airbnb
INTÉGRATION CLAUDE CODE

Donnez à Claude le vrai contexte produit derrière la direction de votre agent.

Claude Code utilisant des références Refcat via MCP
État de la bibliothèque

Des produits réels publiés, dans une seule bibliothèque

Écrans
3,4 M
Parcours
1,1 M
Apps, sites et marques
468 k

Voir la bibliothèque ·

DANS VOS OUTILS

De vrais écrans dans le contexte de votre agent.

Claude Code, Cursor et Claude Desktop génèrent des interfaces de mémoire. Grâce au MCP, Refcat leur présente plutôt des écrans de produits publiés, chacun avec sa source.

Exemple de session
refcat mcp
vous

Trouve-moi trois paywalls réels qui mettent en avant l'offre annuelle et ajoute-les au projet « Pricing v2 ».

refcat

search_screens "paywall, offre annuelle en avant"

└ 3 résultats · chacun avec app, plateforme, parcours et date de capture

refcat

get_screen ×3 → add_screen ×3 → projet "Pricing v2"

agent

C'est fait. Trois paywalls publiés sont dans votre projet, avec leur source. Rien n'a été inventé.

vous
  • 23 outils, une clé

    get_screen donne à l'agent l'écran lui-même : l'image et la structure de sa mise en page. search_screens, get_app_flows, get_email_html et export_design_system couvrent le reste. Créez une clé dans votre compte et collez un bloc JSON dans votre client.

  • Chaque écran a une origine

    App, plateforme, parcours et date de capture accompagnent chaque résultat : l'agent fonde sa direction sur de vrais produits, pas sur une supposition.

  • Brand kits sur Studio

    Votre palette et votre typographie appliquées à chaque écran généré, des kits illimités et 10 clés MCP à 300 requêtes par minute pour toute l'équipe.

  • Configurer le MCP en deux minutes
    Voir Studio
TESTIMONIALSOnce you try it, you won't research UI the old way again.
I love not having to download apps, create accounts, and test everything manually just to understand the UI.
Gugel@gugeldev
I was genuinely surprised. Congratulations on the quality and care for users!
Rafael Coelho@coelho_lab_
So much fun. I spent hours looking through the references.
渡邉一輝(かじき@kzkwt7b
The folders feature finally made me use the references I collect.
Nathan Oliveira@NathanDev_
BERJAYA
BERJAYA
BERJAYA
BERJAYA
TARIFS

Votre agent de design devient plus pertinent avec un vrai contexte.

Explorez de vrais parcours produit, puis choisissez la capacité de références, d’export et d’IA dont votre travail a besoin.

Free$0.00/mois
Explorez et enregistrez des références de vrais produits
Les 2 premiers parcours de chaque app en entier + 10 parcours tendance par semaine
50 références enregistrées · 3 projets
5 exports du navigateur vers Figma / mois
1 clé MCP pour Claude Code ou Cursor · 30 req/min
1 siège
Commencer gratuitementSans carte bancaire
Le plus populaire
Pro$10.00/mois
Pour les designers qui créent chaque semaine
Références enregistrées illimitées
20 exports / mois par siège
Exports Figma et design system
Historique complet des parcours
100 écrans IA / mois partagés par l’équipe
1 brand kit · 3 clés MCP à 120 req/min
2 sièges inclus
Passer à Pro
Résiliable à tout moment
Studio$39.00/mois
Brand kits illimités et MCP pour toute l’équipe
Brand kits illimités : vos couleurs et typographies sur chaque écran généré
10 clés MCP à 300 req/min pour toute l’équipe
Exports illimités et tout ce qu’inclut Pro
6 sièges inclus
500 écrans IA / mois partagés par l’équipe
Passer à StudioRésiliable à tout moment
USD · Des taxes peuvent s’appliquer. Vérifiez le montant et la devise lors du paiement.

Questions sur Refcat

Forfaits, exports et résiliation.

Arrêtez de partir d’une page blanche. Briefez votre agent.