close
Refcat

Del brief al flujo real, dentro de tu herramienta.

Refcat es una biblioteca de referencias reales de UI para diseñadores y agentes de IA. Busca pantallas, flujos completos, sitios y correos por intención. Lleva referencias a Figma, Chrome, Claude Code y Cursor mediante el servidor MCP de Refcat.

Empieza gratis · Sin tarjeta · 24 flujos exportados a Figma esta semana · 467 mil apps añadidas este mes
Biblioteca de referencias de UI de Refcat
TU PUNTO DE PARTIDA

¿No sabes por dónde empezar? Elige qué estás diseñando.

Empieza con una tarea. Encuentra un flujo real, compara sus pasos y guarda una referencia para tu proyecto.

  1. 1Abre un flujo relacionado con tu tarea
  2. 2Compara los pasos, además del aspecto
  3. 3Guarda la referencia útil en una carpeta
Encontrar mi primera referencia

Empieza con Free. Sin tarjeta.

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
CÓMO FUNCIONA

Dale un brief a tu agente de diseño. Recibe una dirección fundamentada en segundos.

Del onboarding a los pagos, Refcat encuentra los patrones de productos reales que facilitan tu próxima decisión de diseño.
Pantalla real de la app de Uber del flujo Onboarding
Funciones

Un agente de diseño hecho para el trabajo real de producto

Dale el brief al agente, revisa los patrones reales detrás de su dirección y lleva el trabajo a Figma o a tu IDE favorito.
EXPORTACIÓN A FIGMA

Toma la dirección fundamentada del agente y lleva flujos completos a Figma al instante.

Flujo de una app real exportado de Refcat a frames de Figma
TUS CARPETAS

Mantén los patrones que encuentra tu agente organizados y listos para compartir con tu equipo.

Carpetas de Refcat que organizan pantallas y flujos guardados
FILTROS

Breakpoint, app o flujo. Dale a tu agente el contexto de diseño correcto.

Filtrando el catálogo por plataforma, app y flujo
IMAGEN A CÓDIGO

Convierte la captura de una app real en código con contexto visual fundamentado.

Captura de una app real junto al código generado a partir de ella
NOTAS

Registra decisiones y contexto junto a la dirección del agente.

Notas junto a pantallas de referencia de Airbnb
INTEGRACIÓN CON CLAUDE CODE

Dale a Claude el contexto de producto real detrás de la dirección de tu agente.

Claude Code usando referencias de Refcat mediante MCP
Estado de la biblioteca

Productos reales publicados, en una sola biblioteca

Pantallas
3,4 M
Flujos
1,1 M
Apps, sitios y marcas
468 mil

Ver la biblioteca ·

DENTRO DE TUS HERRAMIENTAS

Pantallas reales en el contexto de tu agente.

Claude Code, Cursor y Claude Desktop generan interfaces de memoria. Mediante MCP, Refcat les pone delante pantallas de productos publicados, cada una con su origen.

Sesión de ejemplo
refcat mcp
tú

Tráeme tres paywalls reales que destaquen el plan anual y agrégalos al proyecto "Pricing v2".

refcat

search_screens "paywall, plan anual primero"

└ 3 resultados · cada uno con app, plataforma, flujo y fecha de captura

refcat

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

agente

Listo. Tres paywalls publicados están en tu proyecto con su origen adjunto. Nada fue inventado.

tú
  • 23 herramientas, una clave

    get_screen le entrega al agente la pantalla misma: la imagen y la estructura del layout. search_screens, get_app_flows, get_email_html y export_design_system cubren el resto. Crea una clave en tu cuenta y pega un bloque JSON en tu cliente.

  • Cada pantalla tiene origen

    App, plataforma, flujo y fecha de captura acompañan cada resultado. El agente fundamenta su dirección en productos reales, no en suposiciones.

  • Brand kits en Studio

    Tu paleta y tipografía en cada pantalla generada, kits ilimitados y 10 claves MCP a 300 solicitudes por minuto para todo el equipo.

  • Configura MCP en dos minutos
    Ver 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
PRECIOS

Tu agente de diseño aprende con contexto real.

Explora flujos reales y elige la capacidad de referencias, exportación e IA que tu trabajo necesita.

Free$0.00/mes
Explora y guarda referencias reales de productos
Los 2 primeros flujos de cada app completos + 10 flujos destacados por semana
50 referencias guardadas · 3 proyectos
5 exportaciones del navegador a Figma / mes
1 clave MCP para Claude Code o Cursor · 30 req/min
1 asiento
Empezar gratisSin tarjeta de crédito
Más popular
Pro$10.00/mes
Para diseñadores que crean cada semana
Referencias guardadas ilimitadas
20 exportaciones / mes por asiento
Exportaciones Figma y design system
Historial completo de flujos
100 pantallas de IA / mes compartidas por el equipo
1 brand kit · 3 claves MCP a 120 req/min
2 asientos incluidos
Suscribirse a Pro
Cancela cuando quieras
Studio$39.00/mes
Brand kits ilimitados y MCP para todo el equipo
Brand kits ilimitados: tus colores y tipografía en cada pantalla generada
10 claves MCP a 300 req/min para todo el equipo
Exportaciones ilimitadas y todo lo de Pro
6 asientos incluidos
500 pantallas de IA / mes compartidas por el equipo
Suscribirse a StudioCancela cuando quieras
USD · Pueden aplicarse impuestos. Confirma el importe y la moneda en el checkout.

Preguntas sobre Refcat

Planes, exportaciones y cancelación.

Deja de diseñar desde un lienzo en blanco. Dale el brief a tu agente.