Do brief ao flow real, dentro da sua ferramenta.

Para designers de produto e devs que constroem com agentes de IA. Flows reais de produtos publicados, no Figma, no Chrome e no seu editor.

Comece grátis · Sem cartão de crédito
Biblioteca de referências de UI do Refcat
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
COMO FUNCIONA

Passe um briefing ao seu agente de design.

Do onboarding ao pagamento, o Refcat encontra os padrões de produtos reais que facilitam a sua próxima decisão de design.
Tela real do app da Uber no fluxo Onboarding
Recursos

Um agente de design feito para trabalho real de produto

Passe o briefing ao agente, veja os padrões reais por trás da direção dele e leve o trabalho para o Figma ou para a sua IDE favorita.
EXPORTAÇÃO PARA O FIGMA

Leve fluxos guiados pelo agente para o Figma na hora.

Fluxo de um app real exportado do Refcat para frames no Figma
SUAS PASTAS

Organize os padrões que o agente encontra e envie para o seu time.

Pastas do Refcat organizando telas e fluxos salvos
FILTROS

Breakpoint, app ou fluxo. Dê ao agente o contexto de design certo.

Filtrando o catálogo por plataforma, app e fluxo
IMAGEM PARA CÓDIGO

Transforme o print de um app real em código com contexto visual fundamentado.

Print de um app real ao lado do código gerado a partir dele
NOTAS

Registre o porquê de cada direção e nunca o perca.

Notas anexadas a telas de referência do Airbnb
INTEGRAÇÃO COM CLAUDE CODE

Dê ao Claude contexto de design real e melhore sua UI.

Claude Code usando referências do Refcat via MCP
DENTRO DAS SUAS FERRAMENTAS

Telas reais no contexto do seu agente.

Claude Code, Cursor e Claude Desktop geram interfaces de memória. Via MCP, o Refcat coloca telas de produtos publicados na frente deles, cada uma com sua origem.

Sessão de exemplo

você › Traga três paywalls reais que destacam o plano anual e adicione ao projeto "Pricing v2".

refcat › search_screens "paywall, plano anual em destaque"
3 resultados · cada um com app, plataforma, flow e data de captura

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

agente › Pronto. Três paywalls publicados estão no seu projeto, com a origem anexada. Nada foi inventado.

  • 23 ferramentas, uma chave

    get_screen entrega ao agente a própria tela: a imagem e a estrutura do layout. search_screens, get_app_flows, get_email_html e export_design_system cobrem o resto. Crie uma chave na sua conta e cole um bloco JSON no seu cliente.

  • Toda tela tem origem

    App, plataforma, flow e data de captura acompanham cada resultado. O agente fundamenta a direção em produtos reais, não em chute.

  • Brand kits no Studio

    Sua paleta e tipografia em toda tela gerada, kits ilimitados e 10 chaves MCP a 300 requisições por minuto para o time inteiro.

  • Configure o MCP em dois minutos
    Ver o 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_
PREÇOSSeu agente de design aprende com contexto real.Explore fluxos reais e escolha a capacidade de referências, exportação e IA de que seu trabalho precisa.

Economize até 10%

Free$0.00/mês
Explore e salve referências reais de produtos
Telas de prévia + 10 fluxos completos por semana
50 referências salvas · 3 projetos
5 exportações do navegador para Figma / mês
1 chave MCP para Claude Code ou Cursor · 30 req/min
1 assento
Começar grátisSem cartão de crédito
Mais popular
Pro$9.17/mês

$110.00 cobrados anualmente

Para designers que criam toda semana
Referências salvas ilimitadas
20 exportações / mês por assento
Exportação Figma e de design system
Histórico completo de fluxos
100 telas de IA / mês compartilhadas pelo time
1 brand kit · 3 chaves MCP a 120 req/min
2 assentos incluídos
Assinar Pro
Cancele quando quiser
Studio$35.00/mês

$420.00 cobrados anualmente

Brand kits ilimitados e MCP para o time inteiro
Brand kits ilimitados: suas cores e tipografia em toda tela gerada
10 chaves MCP a 300 req/min para o time inteiro
Exportações ilimitadas e tudo do Pro
6 assentos incluídos
500 telas de IA / mês compartilhadas pelo time
Assinar StudioCancele quando quiser
USD · No Brasil, a cobrança é feita em reais (R$). Podem incidir impostos. Confirme o valor e a moeda no checkout.

Dúvidas sobre o Refcat

Planos, exportações e cancelamento.

Pare de desenhar a partir de uma tela em branco. Passe o briefing ao seu agente.

Dê ao seu projeto referências de produtos reais
Grátis · Sem cartão de crédito