Van briefing naar een echte flow, in je eigen tool.

Voor productdesigners en developers die met AI-agents bouwen. Echte flows uit gelanceerde producten, in Figma, Chrome en je editor.

Refcat-bibliotheek met UI-referenties
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 BuyLemon8ThumbtackZARACornershopTumblrWithings 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
HOE HET WERKT

Geef je design-agent een brief.

Van onboarding tot betalingen: Refcat vindt de echte productpatronen die je volgende designbeslissing makkelijker maken.
Echt scherm van de Uber-app uit de flow Onboarding
Functies

Een design-agent gebouwd voor echt productwerk

Brief de agent, bekijk de echte patronen achter zijn richting en zet het werk door naar Figma of je favoriete IDE.
EXPORT NAAR FIGMA

Zet flows die de agent aanreikt direct in Figma.

Een echte app-flow, vanuit Refcat geëxporteerd naar Figma-frames
JOUW MAPPEN

Orden de patronen die je agent vindt en stuur ze naar je team.

Refcat-mappen met opgeslagen schermen en flows
FILTERS

Breakpoint, app of flow. Geef je agent de juiste designcontext.

De catalogus filteren op platform, app en flow
AFBEELDING NAAR CODE

Zet een screenshot van een echte app om in code, met onderbouwde visuele context.

Screenshot van een echte app naast de code die ervan is gegenereerd
NOTITIES

Leg de redenering achter elke richting vast en raak die nooit kwijt.

Notities bij referentieschermen van Airbnb
CLAUDE CODE-INTEGRATIE

Geef Claude echte designcontext en verbeter je UI.

Claude Code gebruikt Refcat-referenties via MCP
IN JE EIGEN TOOLS

Echte schermen in de context van je agent.

Claude Code, Cursor en Claude Desktop genereren interfaces uit hun geheugen. Via MCP legt Refcat ze in plaats daarvan schermen van uitgebrachte producten voor, elk met bron.

Voorbeeldsessie

jij › Zoek drie echte paywalls die het jaarabonnement vooropzetten en voeg ze toe aan het project “Pricing v2”.

refcat › search_screens "paywall, jaarabonnement eerst"
3 resultaten · elk met app, platform, flow en opnamedatum

refcat › get_screen ×3 → add_screen ×3 → project "Pricing v2"

agent › Klaar. Drie uitgebrachte paywalls staan met bron in je project. Er is niets verzonnen.

  • 23 tools, één sleutel

    get_screen geeft de agent het scherm zelf: de afbeelding en de layoutstructuur. search_screens, get_app_flows, get_email_html en export_design_system doen de rest. Maak een sleutel aan in je account en plak één JSON-blok in je client.

  • Elk scherm heeft een herkomst

    App, platform, flow en opnamedatum gaan mee met elk resultaat, zodat de agent zijn richting baseert op echte producten in plaats van op een gok.

  • Brand kits in Studio

    Je kleurenpalet en typografie op elk gegenereerd scherm, onbeperkt kits en 10 MCP-sleutels met 300 verzoeken per minuut voor het hele team.

  • MCP instellen in twee minuten
    Bekijk 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_
PRIJZENJe design-agent wordt slimmer met echte context.Verken echte productflows en kies daarna de capaciteit voor referenties, exports en AI die je werk nodig heeft.

Bespaar tot 10%

Free$0.00/mnd
Verken en bewaar echte productreferenties
Previewschermen + 10 volledige flows per week
50 opgeslagen referenties · 3 projecten
5 exports van browser naar Figma / maand
1 MCP-sleutel voor Claude Code of Cursor · 30 req/min
1 seat
Gratis beginnenGeen creditcard nodig
Populairst
Pro$9.17/mnd

$110.00 jaarlijks gefactureerd

Voor designers die elke week bouwen
Onbeperkt referenties opslaan
20 exports / maand per seat
Figma- en designsystem-exports
Volledige flowgeschiedenis
100 AI-schermen / maand, gedeeld door het team
1 brand kit · 3 MCP-sleutels met 120 req/min
2 seats inbegrepen
Upgraden naar Pro
Altijd opzegbaar
Studio$35.00/mnd

$420.00 jaarlijks gefactureerd

Onbeperkte brand kits en MCP voor het hele team
Onbeperkte brand kits: jouw kleuren en typografie op elk gegenereerd scherm
10 MCP-sleutels met 300 req/min voor het hele team
Onbeperkte exports en alles uit Pro
6 seats inbegrepen
500 AI-schermen / maand, gedeeld door het team
Upgraden naar StudioAltijd opzegbaar
USD · Er kunnen belastingen van toepassing zijn. Controleer het bedrag en de valuta bij het afrekenen.

Vragen over Refcat

Abonnementen, exports en opzeggen.

Stop met ontwerpen vanaf een leeg canvas. Brief je agent.