close
Refcat

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

Voor productdesigners en developers die met AI-agents bouwen. Beschrijf wat je ontwerpt, vind echte flows uit gelanceerde producten en neem ze mee naar Figma, Chrome of Claude Code en Cursor via MCP. Elk scherm behoudt zijn bron.

Gratis beginnen · Geen creditcard nodig · 24 flows deze week naar Figma geëxporteerd · 467K apps deze maand toegevoegd
Refcat-bibliotheek met UI-referenties
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
HOE HET WERKT

Geef je design-agent een brief. Krijg binnen seconden een onderbouwde richting.

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

Neem de onderbouwde richting van de agent en zet complete flows direct in Figma.

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

Houd de patronen die je agent vindt overzichtelijk en klaar om met je team te delen.

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 beslissingen en context vast naast de richting van de agent.

Notities bij referentieschermen van Airbnb
CLAUDE CODE-INTEGRATIE

Geef Claude de echte productcontext achter de richting van je agent.

Claude Code gebruikt Refcat-referenties via MCP
Bibliotheekoverzicht

Echte gepubliceerde producten, in één bibliotheek

Schermen
3,4 mln.
Flows
1,1 mln.
Apps, sites en merken
468K

Bekijk de bibliotheek ·

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
refcat mcp
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.

jij
  • 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_
BERJAYA
BERJAYA
BERJAYA
BERJAYA
PRIJZEN

Je 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.

Free$0.00/mnd
Verken en bewaar echte productreferenties
De eerste 2 flows van elke app volledig + 10 trending 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$10.00/mnd
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$39.00/mnd
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.