Refero

¿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