close
Refcat

Brief'ten gerçek bir akışa, kendi aracınızın içinde.

Yapay zekâ ajanlarıyla üreten ürün tasarımcıları ve geliştiriciler için. Ne tasarladığınızı anlatın, yayındaki ürünlerden gerçek akışlar bulun ve bunları Figma'ya, Chrome'a ya da MCP ile Claude Code ve Cursor'a taşıyın. Her ekran kaynağını korur.

Ücretsiz başlayın · Kredi kartı gerekmez · Bu hafta Figma'ya 24 akış aktarıldı · Bu ay 467 B uygulama eklendi
Refcat arayüz referans kütüphanesi
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
NASIL ÇALIŞIR

Tasarım ajanınıza brief verin. Saniyeler içinde sağlam temelli bir yön alın.

Onboarding'den ödemelere kadar Refcat, bir sonraki tasarım kararınızı kolaylaştıran gerçek ürün kalıplarını bulur.
Uber uygulamasının Onboarding akışından gerçek bir ekran
Özellikler

Gerçek ürün işi için tasarlanmış bir tasarım ajanı

Ajana brief verin, yönlendirmesinin ardındaki gerçek kalıpları inceleyin ve işi Figma'ya ya da favori IDE'nize taşıyın.
FIGMA'YA AKTARMA

Ajanın sağlam temelli yönlendirmesini alın ve eksiksiz akışları anında Figma'ya taşıyın.

Refcat'ten Figma frame'lerine aktarılmış gerçek bir uygulama akışı
KLASÖRLERİNİZ

Ajanınızın bulduğu kalıpları düzenli ve ekibinizle paylaşmaya hazır tutun.

Kayıtlı ekranları ve akışları düzenleyen Refcat klasörleri
FİLTRELER

Breakpoint, uygulama ya da akış. Ajanınıza doğru tasarım bağlamını verin.

Kataloğu platforma, uygulamaya ve akışa göre filtreleme
GÖRSELDEN KODA

Gerçek bir uygulamanın ekran görüntüsünü sağlam görsel bağlamla koda dönüştürün.

Gerçek bir uygulamanın ekran görüntüsü ve ondan üretilen kod yan yana
NOTLAR

Kararları ve bağlamı ajanın yönlendirmesiyle birlikte kaydedin.

Airbnb referans ekranlarına eklenmiş notlar
CLAUDE CODE ENTEGRASYONU

Ajanınızın yönlendirmesinin ardındaki gerçek ürün bağlamını Claude'a verin.

MCP üzerinden Refcat referanslarını kullanan Claude Code
Kütüphane durumu

Yayındaki gerçek ürünler, tek bir kütüphanede

Ekranlar
3,4 Mn
Akışlar
1,1 Mn
Uygulamalar, siteler ve markalar
468 B

Kütüphaneyi gör ·

ARAÇLARINIZIN İÇİNDE

Ajanınızın bağlamında gerçek ekranlar.

Claude Code, Cursor ve Claude Desktop arayüzleri ezberden üretir. Refcat ise MCP üzerinden onlara yayındaki ürünlerin ekranlarını, her birini kaynağıyla birlikte sunar.

Örnek oturum
refcat mcp
siz

Yıllık planı öne çıkaran üç gerçek paywall bul ve “Pricing v2” projesine ekle.

refcat

search_screens "paywall, önce yıllık plan"

└ 3 sonuç · her biri uygulama, platform, akış ve yakalama tarihiyle

refcat

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

ajan

Tamam. Yayındaki üç paywall, kaynaklarıyla birlikte projenizde. Hiçbir şey uydurulmadı.

siz
  • 23 araç, tek anahtar

    get_screen ajana ekranın kendisini verir: görseli ve yerleşim yapısını. search_screens, get_app_flows, get_email_html ve export_design_system gerisini halleder. Hesabınızda bir anahtar oluşturun ve istemcinize tek bir JSON bloğu yapıştırın.

  • Her ekranın bir kaynağı var

    Uygulama, platform, akış ve yakalama tarihi her sonuçla birlikte gelir; böylece ajan yönlendirmesini tahmine değil, gerçek ürünlere dayandırır.

  • Studio'da marka kitleri

    Paletiniz ve tipografiniz üretilen her ekranda, sınırsız kit ve tüm ekip için dakikada 300 istekle 10 MCP anahtarı.

  • MCP'yi iki dakikada kurun
    Studio'yu inceleyin
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
FİYATLANDIRMA

Tasarım ajanınız gerçek bağlamla daha akıllı olur.

Gerçek ürün akışlarını keşfedin, ardından işinizin ihtiyaç duyduğu referans, dışa aktarım ve yapay zekâ kapasitesini seçin.

Free$0.00/ay
Gerçek ürün referanslarını keşfedin ve kaydedin
Her uygulamanın ilk 2 akışı eksiksiz + haftada 10 popüler akış
50 kayıtlı referans · 3 proje
Ayda 5 tarayıcıdan Figma'ya aktarım
Claude Code veya Cursor için 1 MCP anahtarı · 30 istek/dk
1 kullanıcı
Ücretsiz başlaKredi kartı gerekmez
En popüler
Pro$10.00/ay
Her hafta üreten tasarımcılar için
Sınırsız kayıtlı referans
Kullanıcı başına ayda 20 dışa aktarım
Figma ve tasarım sistemi dışa aktarımları
Tam akış geçmişi
Ekipçe paylaşılan ayda 100 yapay zekâ ekranı
1 marka kiti · 120 istek/dk ile 3 MCP anahtarı
2 kullanıcı dahil
Yükselt: Pro
İstediğiniz zaman iptal edin
Studio$39.00/ay
Tüm ekip için sınırsız marka kiti ve MCP
Sınırsız marka kiti: oluşturulan her ekranda kendi renkleriniz ve yazı tipleriniz
Tüm ekip için 300 istek/dk ile 10 MCP anahtarı
Sınırsız dışa aktarım ve Pro'daki her şey
6 kullanıcı dahil
Ekipçe paylaşılan ayda 500 yapay zekâ ekranı
Yükselt: Studioİstediğiniz zaman iptal edin
USD · Vergi uygulanabilir. Tutarı ve para birimini ödeme sırasında onaylayın.

Refcat hakkında sorular

Planlar, dışa aktarımlar ve iptal.

Boş tuvalden tasarlamayı bırakın. Ajanınıza brief verin.

Projenize gerçek ürünlerden referanslar verin
Ücretsiz · Kredi kartı gerekmez