close
Refcat

Vom Briefing zum echten Flow – direkt in deinem Tool.

Für Product Designer und Entwickler, die mit KI-Agenten bauen. Beschreibe, was du gestaltest, finde echte Flows aus veröffentlichten Produkten und bring sie nach Figma, Chrome oder per MCP in Claude Code und Cursor. Jeder Screen behält seine Quelle.

Kostenlos starten · Keine Kreditkarte nötig · 24 Flows diese Woche nach Figma exportiert · 466.564 Apps diesen Monat hinzugefügt
Refcat-Bibliothek für UI-Referenzen
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
SO FUNKTIONIERT'S

Brief deinen Design-Agenten. Erhalte in Sekunden eine fundierte Richtung.

Vom Onboarding bis zur Zahlung findet Refcat die echten Produkt-Patterns, die deine nächste Designentscheidung leichter machen.
Echter Screen der Uber-App aus dem Flow „Onboarding“
Funktionen

Ein Design-Agent für echte Produktarbeit

Brief den Agenten, prüf die echten Patterns hinter seiner Richtung und bring die Arbeit nach Figma oder in deine Lieblings-IDE.
FIGMA-EXPORT

Übernimm die fundierte Richtung des Agenten und bring komplette Flows sofort nach Figma.

Ein echter App-Flow, aus Refcat in Figma-Frames exportiert
DEINE ORDNER

Halte die Patterns, die dein Agent findet, organisiert und bereit zum Teilen mit deinem Team.

Refcat-Ordner mit gespeicherten Screens und Flows
FILTER

Breakpoint, App oder Flow. Gib deinem Agenten den richtigen Design-Kontext.

Den Katalog nach Plattform, App und Flow filtern
BILD ZU CODE

Verwandle den Screenshot einer echten App in Code – mit fundiertem visuellem Kontext.

Screenshot einer echten App neben dem daraus generierten Code
NOTIZEN

Halte Entscheidungen und Kontext direkt neben der Richtung des Agenten fest.

Notizen zu Airbnb-Referenzscreens
CLAUDE-CODE-INTEGRATION

Gib Claude den echten Produktkontext hinter der Richtung deines Agenten.

Claude Code nutzt Refcat-Referenzen über MCP
Bibliotheksstand

Echte veröffentlichte Produkte in einer Bibliothek

Screens
3,4 Mio.
Flows
1,1 Mio.
Apps, Websites und Marken
468.169

Bibliothek ansehen ·

IN DEINEN TOOLS

Echte Screens im Kontext deines Agenten.

Claude Code, Cursor und Claude Desktop generieren Interfaces aus dem Gedächtnis. Über MCP legt Refcat ihnen stattdessen Screens veröffentlichter Produkte vor, jeden mit Quelle.

Beispielsitzung
refcat mcp
du

Such mir drei echte Paywalls, die den Jahresplan in den Vordergrund stellen, und füg sie zum Projekt „Pricing v2“ hinzu.

refcat

search_screens "Paywall, Jahresplan zuerst"

└ 3 Ergebnisse · jeweils mit App, Plattform, Flow und Aufnahmedatum

refcat

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

Agent

Erledigt. Drei veröffentlichte Paywalls liegen samt Quelle in deinem Projekt. Nichts wurde erfunden.

du
  • 23 Tools, ein Schlüssel

    get_screen gibt dem Agenten den Screen selbst: das Bild und die Layout-Struktur. search_screens, get_app_flows, get_email_html und export_design_system decken den Rest ab. Erstelle einen Schlüssel in deinem Konto und füge einen JSON-Block in deinen Client ein.

  • Jeder Screen hat eine Herkunft

    App, Plattform, Flow und Aufnahmedatum kommen mit jedem Ergebnis, damit der Agent seine Richtung auf echte Produkte stützt statt auf Vermutungen.

  • Brand Kits in Studio

    Deine Farbpalette und Typografie auf jedem generierten Screen, unbegrenzt viele Kits und 10 MCP-Schlüssel mit 300 Anfragen pro Minute fürs ganze Team.

  • MCP in zwei Minuten einrichten
    Studio ansehen
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
PREISE

Dein Design-Agent wird mit echtem Kontext besser.

Entdecke echte Produkt-Flows und wähle dann die Kapazität an Referenzen, Exporten und KI, die deine Arbeit braucht.

Free$0.00/Monat
Echte Produktreferenzen entdecken und speichern
Die ersten 2 Flows jeder App komplett + 10 Trend-Flows pro Woche
50 gespeicherte Referenzen · 3 Projekte
5 Browser-zu-Figma-Exporte / Monat
1 MCP-Schlüssel für Claude Code oder Cursor · 30 Anfr./Min.
1 Platz
Kostenlos startenKeine Kreditkarte nötig
Am beliebtesten
Pro$10.00/Monat
Für Designer, die jede Woche bauen
Unbegrenzt gespeicherte Referenzen
20 Exporte / Monat pro Platz
Figma- und Designsystem-Exporte
Vollständiger Flow-Verlauf
100 KI-Screens / Monat, im Team geteilt
1 Brand Kit · 3 MCP-Schlüssel mit 120 Anfr./Min.
2 Plätze inklusive
Upgrade auf Pro
Jederzeit kündbar
Studio$39.00/Monat
Unbegrenzte Brand Kits und MCP fürs ganze Team
Unbegrenzte Brand Kits: deine Farben und Schriften auf jedem generierten Screen
10 MCP-Schlüssel mit 300 Anfr./Min. fürs ganze Team
Unbegrenzte Exporte und alles aus Pro
6 Plätze inklusive
500 KI-Screens / Monat, im Team geteilt
Upgrade auf StudioJederzeit kündbar
USD · Ggf. zzgl. Steuern. Betrag und Währung bestätigst du im Checkout.

Fragen zu Refcat

Pläne, Exporte und Kündigung.

Schluss mit der leeren Arbeitsfläche. Brief deinen Agenten.

Gib deinem Projekt Referenzen aus echten Produkten
Kostenlos · Keine Kreditkarte nötig