Refero
Una biblioteca estructurada de interfaces de productos reales — buscable por tipo de página, patrón UX, empresa o lenguaje natural — construida para diseñadores y agentes AI por igual.
Comunidad:
Descripción del Producto
¿Qué es Refero?
Refero es una plataforma de investigación de diseño que ofrece una colección curada de más de 100,000 pantallas de productos web e iOS del mundo real, organizadas por tipos de página, patrones UX, elementos UI, flujos de usuario y fuentes. A diferencia de las galerías de inspiración que muestran trabajo conceptual, Refero presenta exclusivamente pantallas de productos en vivo y desplegados — convirtiéndolo en una herramienta de referencia práctica en lugar de un mood board. Sirve a diseñadores UX/UI, gerentes de producto y agentes AI que necesitan datos de interfaz fundamentados y del mundo real para informar decisiones de diseño.
Características Principales
Biblioteca masiva de pantallas de productos reales
Más de 100,000 capturas de pantalla seleccionadas, obtenidas exclusivamente de productos web e iOS en vivo, organizadas por tipo de página, industria y componente UI — actualizadas semanalmente con contenido fresco.
Flujos UX
Mapas de viaje del usuario de extremo a extremo que cubren registro, onboarding, checkout y flujos de gestión de cuenta, permitiendo a los diseñadores estudiar secuencias de interacción completas en lugar de pantallas aisladas.
Búsqueda y filtrado granular
Busca por tipo de página, patrón UX, elemento UI, empresa, industria o lenguaje natural — con filtros para plataforma (web o iOS) para encontrar exactamente lo que necesitas.
Patrones UX y elementos UI
Más de 87 patrones UX y 69 elementos UI — desde carruseles de testimonios y flujos de facturación hasta loaders esqueleto y barras de navegación — etiquetados con metadatos técnicos para referencia precisa.
Biblioteca de referencia de fuentes
Cataloga miles de implementaciones de fuentes de productos reales, incluyendo estadísticas de uso, recomendaciones de emparejamiento y aplicaciones de diseño responsivo.
Plugin de Figma y servidor MCP
Inserta referencias de productos reales directamente dentro de Figma, o conecta agentes AI vía MCP para que investiguen interfaces realmente desplegadas antes de generar output de diseño.
Casos de Uso
- Investigación de diseño UX/UI : Los diseñadores comparan su trabajo contra productos realmente desplegados — descubriendo cómo las empresas top manejan dashboards, paywalls u onboarding — sin buscar manualmente a través de docenas de apps.
- Análisis competitivo y de patrones : Los gerentes de producto y diseñadores pueden auditar cómo los pares de la industria estructuran flujos específicos o implementan patrones UI recurrentes, respaldados por evidencia de productos reales.
- Flujos de trabajo de diseño asistidos por AI : Los agentes AI se conectan vía MCP para fundamentar su output en interfaces de productos reales, reduciendo sugerencias de diseño alucinadas o genéricas durante la generación de código o prototipos.
- Tipografía y consistencia visual : Los equipos explorando elecciones de fuentes pueden referenciar cómo los productos populares implementan tipografías específicas a través de dispositivos, apoyando sistemas de diseño más informados y consistentes.
- Referencia de prototipado rápido : Los diseñadores trabajando en Figma pueden traer pantallas de productos reales directamente a su espacio de trabajo como referencias, acelerando el wireframing y reduciendo conjeturas.
Preguntas Frecuentes
Alternativas a Refero
Impeccable
Un framework de habilidades de diseño para herramientas de codificación IA, trayendo experiencia curada en diseño frontend y 17 comandos a herramientas como Cursor, Claude Code, Gemini CLI y más.
Paper
Plataforma de diseño nativa de código que combina herramientas de layout con shaders animados y características IA avanzadas para crear diseños listos para producción y experiencias interactivas.
Uizard
Plataforma de diseño de interfaz de usuario potenciada por IA que permite la creación rápida de wireframes, prototipos e interfaces de usuario mediante herramientas intuitivas y automatización.
Banani
Herramienta de diseño de interfaz basada en texto que genera prototipos interactivos y wireframes a partir de descripciones simples con funciones de colaboración en tiempo real.
UXPin
Plataforma colaborativa de diseño UX que permite prototipado interactivo, sistemas de diseño y entrega al desarrollador con componentes de código real.
OpenUI
Un framework estándar abierto para UI Generativa que permite a los LLM componer y transmitir dinámicamente interfaces React interactivas en lugar de texto plano.
Mokkup.ai
Herramienta en la nube para wireframing de paneles, diseñada para analistas de datos, desarrolladores BI y equipos de negocio para prototipar y colaborar rápidamente en paneles de inteligencia empresarial.
FlowMapp
Plataforma visual de planificación UX para crear mapas de sitio, flujos de usuario, wireframes y propuestas de proyecto con herramientas impulsadas por IA y funciones de colaboración.