Los 24 mejores sitios de inspiración UI/UX en 2026 (y cómo usarlos)

Recursos

Escrito por Cris Busquets

Tiempo de lectura: minutos

Después de más de 15 años diseñando productos digitales (y los últimos dos como Head of Design en WordPress.com), he probado cientos de sitios de inspiración… y la mayoría son ruido que no aportan demasiado valor.

Estos 24 son los que realmente uso. Quizás no son ni los más bonitos ni los más famosos: pero la verdad es que son los que me ayudan a resolver problemas reales de diseño. Desde encontrar el patrón perfecto para un onboarding hasta estudiar cómo las mejores apps estructuran sus flujos.

Aquí los tienes, organizados por lo que necesites:

Patterns de diseño en iOS y Android
Landing Pages
Portfolios
Diseño de interfaz en general
Sistemas de diseño de referencia
Herramientas e inspiración con inteligencia artificial
Diseño de e-mails
Cómo utilizar estos recursos (sin caer en un agujero negro)

Si tienes prisa…

Si no tienes tiempo de explorar todo el artículo, estos son mis imprescindibles:

Para patterns de apps: Mobbin. Tiene más de 400.000 capturas organizadas por patrones, flujos y elementos de la interfaz.
Para landing pages: Lapa Ninja. Más de +7.300 ejemplos actualizados.
Para inspiración web general: Site Inspire. Mi sitio de confianza.
Para e-mails: Really Good Emails. El estándar de la industria con más de 15.000 ejemplos.
Para generar wireframes con IA: Relume. De prompt a wireframe en segundos.

¿Quieres profundizar? Sigue leyendo 👇

Patterns de diseño en iOS, Android y web

Si lo que buscas es “cómo podrías diseñar” un onboarding, pantalla de login, un listado de artículos, mapas, configuración… necesitas estos recursos que siguen.

Cuando necesitas resolver «cómo diseñar» un onboarding, una pantalla de login, una card, tooltips, o cualquier flujo específico, estos recursos te ahorrarán horas de investigación.

Mobbin

Mobbin es, sin duda, el recurso más completo que existe. Su base de datos supera las 400.000 capturas de pantalla de más de 1.000 aplicaciones de iOS, Android y web 🤯

Por qué lo uso: Cuando necesito ver cómo otros productos resuelven un problema específico. Por ejemplo, si estoy diseñando un flujo de checkout, busco «checkout» y veo cómo lo hacen Airbnb, Uber, Amazon…
El truco: Usa los filtros por «flows» en lugar de solo por pantallas. Ver el flujo completo te da mucho más contexto. Puedes buscar también por elementos concretos de la interfaz o categorías.

Nicely Done

Nicely Done no se trata solo de un conjunto de capturas de pantalla: cada recurso está contextualizado dentro de un flujo y de un producto concreto, para que puedas evaluarlo en su contexto de uso real. Si tienes la versión de pago podrás, entre otras cosas, guardar capturas en colecciones que podrás consultar siempre que desees.

Por qué lo uso: Para estudiar patrones específicos como empty states, modales de confirmación, o sistemas de notificaciones

Capturando.la

Capturando.la es un recurso único: se centra en apps de Latinoamérica. Con más de 4.500 capturas y 150 flujos, es perfecto si diseñas para ese mercado.

Por qué lo uso: Para ver cómo aplicaciones locales resuelven problemas específicos del contexto latinoamericano (métodos de pago locales, flujos de verificación, etc.)

Refero

Refero es relativamente nuevo pero muy potente. Ofrece una de las mayores colecciones de referencias UI/UX para web e iOS, con búsqueda avanzada, y además se actualiza semanalmente.

Por qué lo uso: Para búsquedas muy específicas cuando Mobbbin no ofrece el resultado que esperaba. Su motor de búsqueda es más preciso que el de otras plataformas.

Page flows

Page Flows es similar a los recursos que te he mostrado antes… pero en realidad es diferente: en lugar de capturas estáticas, ofrece grabaciones de vídeo de flujos reales de usuario.

Por qué lo uso: Cuando quiero estudiar la experiencia completa, desde el onboarding hasta el checkout. Ver el flujo en vídeo revela detalles que las capturas no muestran 😏

Landing pages

Si tienes que diseñar una página única para un producto o servicio, estos recursos te darán toda la inspiración que necesitas.

Lapa Ninja

Lapa Ninja sigue siendo mi primera parada para landing pages. Con más de 7.300 ejemplos categorizados, es difícil no encontrar algo relevante.

Por qué lo uso: Para las primeras fases de un proyecto, cuando necesito explorar direcciones visuales diferentes y buscar estructuras menos convencionales.

Landing Folio

Landing Folio tiene, en mi opinión, mejores filtros que Lapa Ninja: puedes buscar por industria, tipo de producto, y elementos específicos de la página.

Por qué lo uso: Cuando tengo un brief específico y necesito referencias en ese nicho exacto.

Landbook

Landbook está especialmente enfocada en SaaS y startups. Si diseñas productos digitales, aquí encontrarás landing pages con conversión probada.

Por qué lo uso: Me permite buscar secciones de landing page concretas, algo que es muy útil para encontrar inspiración justo de eso que no terminas de saber definir bien.

SaaS landing page

SaaS landing page hace exactamente lo que su nombre indica: recopila las mejores landing pages de productos SaaS (software as a service).

Por qué lo uso: Para ver cómo empresas como Notion, Linear o Figma estructuran sus páginas de producto.

Portfolios

Si estás en proceso de rehacer tu portfolio, más allá de leerte los artículos que escribí, también es importante que consultes estas fuentes de inspiración.

Bestfolios

El nombre de Bestfolios es bastante explícito por sí solo… te permite filtrar por especialidad: diseño gráfico, motion, UI/UX, research… Es el punto de partida perfecto.

Por qué lo uso: Para estudiar cómo otros diseñadores estructuran sus casos de estudio, no solo el diseño visual.

Layers.to

Layers.to es relativamente nuevo pero muy curado. Además de portfolios, incluye herramientas, extensiones y recursos que usan diseñadores destacados.

Por qué lo uso: Para descubrir diseñadores emergentes y tendencias en presentación de trabajo, porque tiene un poco de todo.

Inspiración de diseño UI general

Si no buscas nada específico y solo necesitas inspiración para diseñar, échale un ojo a todos estos enlaces. Quizás algunos ya los conoces, pero me apuesto lo que quieras que alguno habrá que no hayas visitado nunca 😉

Site Inspire

Site Inspire es mi recurso de cabecera desde hace muchos años. La actualizan constantemente y la calidad es consistente.

Por qué lo uso: Es mi primera parada cuando empiezo cualquier proyecto, o cuando busco inspiración en general.

Awwwards

Awwwards premia la excelencia en diseño web. Aquí encontrarás los sitios más innovadores y arriesgados.

Por qué lo uso: Para proyectos que necesitan algo fuera de lo común.
Ojo: Muchos sitios de Awwwards priorizan lo visual sobre la usabilidad. Úsalo como inspiración, no como plantilla que hay que copiar al 100%.

httpster

httpster tiene proyectos más creativos y «diferentes». Usa la lista de etiquetas oculta a la derecha para filtrar.

Por qué lo uso: Igual que en el caso de Awwwards, cuando necesito salir de lo convencional y explorar direcciones más experimentales.

Siiimple

Como el propio nombre indica, Siiimple recopila diseños minimalistas. Ideal si buscas inspiración para interfaces limpias y funcionales.

Por qué lo uso: Para proyectos donde «menos es más». El minimalismo bien ejecutado no es tan fácil como parece 🙂

Brutalist websites

Brutalist Websites es para cuando quieres ir más allá del diseño «seguro» y buscar algo más rompedor (por que sí, el estilo brutalista sigue siendo relevante en 2026).

Por qué lo uso: Para romper con el diseño genérico y estándar. A veces un proyecto necesita algo que destaque precisamente por ser diferente.

Collect UI

Collect UI no es la web más bonita, pero tiene más de 14.000 diseños categorizados. Cantidad sobre presentación.

Por qué lo uso: Como último recurso cuando no encuentro lo que busco en otros sitios. No siempre hay que mirar en las webs más conocidas…

Dark Mode Design

Dark Mode Design recopila específicamente sitios con modo oscuro bien ejecutado.

Por qué lo uso: Esencialmente porque el dark mode no trata solo de invertir colores y ya está. Aquí encontrarás sitios que lo hacen muy bien.

Sistemas de diseño de referencia

Estudiar cómo las grandes empresas documentan sus sistemas de diseño es una forma excelente de mejorar tu trabajo y aprender de los mejores. Estos son los que consulto regularmente.

Material Design 3 (Google)

Material Design 3 es la última versión del sistema de diseño de Google. La documentación sobre color dinámico, tipografía y componentes es excepcional.

Por qué lo uso: Para entender principios de diseño sólidos y los estándares que existen en los dispositivos que utilizan Android.

Apple Human Interface Guidelines

Las Human Interface Guidelines de Apple son obligatorias si diseñas para iOS, pero útiles para cualquier diseñador.

Por qué lo uso: Apple piensa (o pensaba, según la opinión que tengas sobre Liquid Glass) mucho en los detalles. Sus guías sobre accesibilidad, gestos y feedback son aplicables a cualquier producto.

WordPress Design System

El WordPress Design System documenta los componentes y patrones del editor de bloques (Gutenberg). Como Head of Design en WordPress.com, trabajo con él a diario 😬

Por qué lo uso: Es un ejemplo excelente de cómo escalar un sistema de diseño para millones de usuarios y miles de contribuidores. La documentación sobre componentes de bloques y accesibilidad es muy completa.
Bonus: Si desarrollas temas o plugins para WordPress, este recurso es imprescindible.

Herramientas de inspiración con IA

En 2026, las herramientas con inteligencia artificial han cambiado cómo exploramos ideas. No reemplazan tu criterio, pero aceleran la fase de exploración.

Relume

Relume genera sitemaps y wireframes completos a partir de un prompt de texto: solo describe tu proyecto y obtendrás una estructura lista para refinar.

Por qué lo uso: Estoy experimentando con ello. Me parece útil para las primeras fases de un proyecto web, porque en lugar de empezar de cero, puedo generar una estructura base e itero sobre ella.

Galileo AI / Google Stitch

Galileo AI (ahora integrado en Google como Stitch) genera diseños de alta fidelidad desde prompts de texto.

Por qué lo uso: Lo he probado de vez en cuando. Considero que es útil para explorar direcciones visuales de forma rápida: genero varias opciones y uso las mejores como punto de partida.
Limitación: Como cualquier herramienta de inteligencia artificial, los diseños que obtendrás requerirán refinamiento. No esperes resultados finales.

Diseño de e-mails

Los e-mails siguen siendo fundamentales en cualquier producto digital, porque ayudan a activar y a reactivar usuarios, acompañarlos durante el onboarding, para upsells, etc. Si tienes que diseñar uno o una secuencia entera, esto es lo que necesitas.

Really Good Emails

Really Good Emails es el estándar de la industria. Tiene más de 15.000 diseños organizados por tipo: promocionales, transaccionales, de bienvenida, newsletters…

Por qué lo uso: Es mi única parada para e-mails. La categorización es perfecta y las capturas son de calidad.

Cómo uso estos recursos (sin caer en el agujero negro)

Es terriblemente fácil empezar a buscar inspiración y caer en un agujero negro de procastinación del que es difícil salir. Te lo digo porque me ha pasado más de una vez: empiezas buscando inspiración y dos horas después sigues navegando sin haber diseñado nada.

Estos son mis trucos para usar estos recursos de forma productiva:

Define qué buscas. «Necesito ver cómo otros SaaS diseñan su onboarding» es mucho más útil que «voy a buscar inspiración».
Pon un límite. No estés buscando inspiración todo el día. En 30 minutos deberías haber encontrado algo que te permita empezar a diseñar tus propias propuestas.
Guarda lo relevante. Guarda aquello que te llame la atención. Quizás no es lo que estás buscando, pero te dará mucha rabia recordar eso y no poder volver a encontrarlo.
No copies. Es muy fácil encontrar algo que te guste y copiarlo para tu producto digital. Céntrate en tus objetivos, contexto e industria.