Tendencias de diseño 2026: la IA sale del chat y el design system dicta la norma

Seguramente has pasado el verano oyendo lo mismo: mete IA en tu app. Un chatbot, un asistente, un botón que brilla. Lo que casi nadie te cuenta es dónde ponerlo, qué aspecto tiene una vez colocado en una pantalla y qué le hace al resto de la interfaz.

Cada semana leo lo que se publica sobre diseño de apps: Nielsen Norman Group, UX Collective, Smashing Magazine y Muzli, las notas de versión de las grandes apps y las piezas publicadas en Dribbble. Esto es lo que cambió el verano de 2026 y lo que la vuelta al curso ya ha confirmado.

Es la tendencia más densa del verano y se lee primero en las pantallas. ChatGPT, Grok, Claude, Gemini y Pi abren todos con la misma página casi vacía: un logo o una pregunta, un campo de texto, ninguna pestaña en el primer nivel. Cinco productos, una sola decisión. Cuando la conversación es el producto, la interfaz se aparta.

La teoría vino detrás. Nielsen Norman Group propuso cinco cualidades para juzgar un chatbot, y UX Collective se preguntó qué queda de la metáfora del escritorio, las ventanas, los menús, las carpetas, cuando hablas con una app en lugar de recorrerla. Lo más agudo es la relectura de la ley de Jakob, la que dice que los usuarios pasan el tiempo en otros productos y esperan por tanto las mismas convenciones en todas partes. Si todo el mundo se acostumbra a hacerlo todo desde una ventana de conversación, es esa ventana la que se convierte en la convención. Las pantallas, titulaba otro artículo, bajan de categoría.

Después el asistente dejó de responder y se puso a hacer. Google Maps reserva un hotel o pide comidasin salir del mapa. Google AI Mode sigue el precio de un vuelo y reserva sin mandarte a un sitio de terceros. Booking.com coloca su botón de itinerario por IA en mitad de la pantalla de inicio, no dentro de un chatbot aparte. Cloudflare llevó la lógica hasta el final con Kitesurf, un navegador construido para agentes y no para personas.

El contrapunto llegó a la vez y cabe en una frase: cuanto más actúa la IA, más tiene que enseñar lo que hace. Un marco de permisos propone cuatro niveles, automático, vista previa, confirmación y anulación, según lo reversible que sea la acción, y apps como Atoms o World of Hyatt ya lo aplican. DeepSeek, Manus, ChatGPT y Notion muestran su razonamiento, paso a paso, antes de responder. Europa ha precisado que una mención de IA tiene que ser una etiqueta de verdad, no un icono que parpadea.

Y para tu app. En GoodBarber, el asistente que habla con tus usuarios es una sección, el chatbot RAG, y responde con lo que tú publicas, no con la memoria general de un modelo. Ocupa su sitio en la navegación como cualquier otra sección. Es una decisión de lectura: en una app de contenido, la entrada sigue siendo el contenido, y el asistente viene después.

Más allá, y lo asumo. Nada de este verano demuestra que una entrada conversacional deba sustituir las pestañas y las secciones que estructuran una app de contenido o de comunidad. Los asistentes generalistas vaciaron su pantalla de inicio porque su producto es la conversación. El tuyo es tu contenido. Lo que enseñan Google Maps y Booking.com, la acción de IA colocada dentro del recorrido y no en una pestaña aparte, es la pregunta que este movimiento nos hace a todos. La dejo planteada sin resolverla.

El segundo movimiento del verano se ve menos y cala más hondo. El design system ha cambiado de naturaleza: ya no es una biblioteca de componentes que se consulta, es una norma que gobierna lo que produce la IA.

El punto de partida es un problema de velocidad. La IA genera pantallas y código más rápido de lo que cualquier equipo puede evaluarlos. Nielsen Norman Group le puso nombre a lo que se acumula detrás, la deuda UX de la IA, y describió equipos de diseño condenados a limpiar sin parar. Un design system que solo sirve para comprobar a posteriori ya ha perdido.

De ahí la pregunta que ocupó los artículos del verano: ¿dónde vive la verdad de un componente? Ni en Figma ni en el código, responde UX Collective, sino en un contrato con autoridad sobre ambos, porque dos copias que se separan ya no se arbitran a mano. Nielsen Norman Group aportó la rejilla de lectura con un modelo de madurez en seis dimensiones, una herramienta de auditoría que mide la gobernanza y la adopción tanto como la coherencia. Y la demanda contra Figma por el consentimiento de los datos de entrenamiento recordó que la gobernanza no es una palabra: quién decide las normas y a quién benefician.

Ese contrato ya tiene una forma concreta y cabe en un archivo de texto. DESIGN.md, publicado en código abierto por Google Labs en abril, describe los colores, la tipografía, el espaciado y los componentes de una marca en un formato que los agentes de programación leen antes de generar una pantalla. Stitch lo produce, Claude Code y Cursor lo consumen, varios plugins de Figma lo generan desde una maqueta y Claude Design extrae uno de un archivo .fig. El verano convirtió ese archivo en el centro de la discusión: un único archivo estándar lleva la identidad visual, para las personas igual que para los agentes. El design system ya no es un entregable, es un texto que una máquina lee antes de actuar.

En dos meses ha pasado de biblioteca a organismo vivo, y ha sido la IA la que lo ha empujado hasta ahí.

Y para tu app. En GoodBarber, el color, la tipografía, el espaciado, la forma y la sombra se definen una vez, como roles, y el motor los aplica directamente a cada pantalla, en iOS, en Android y en la PWA. La deriva entre la maqueta y el código, la que el contrato intenta resolver, no se plantea de la misma manera. Lo que ajustas es lo que se ve.

Más allá, y este es el tema de fondo. El vocabulario del contrato y del archivo único se vuelve útil el día en que un agente de IA externo tiene que leer las normas de una marca para construir algo correcto. Es exactamente la pregunta que plantea nuestro servidor MCP, que hoy permite a un agente operar el contenido de una app, sus artículos, sus notificaciones push, su tienda, mientras el diseño se queda en el builder. Hacer que nuestras normas de diseño sean legibles por una máquina es una pista que el verano ha vuelto más concreta. Lo escribo como una pista.

Ninguno de los dos movimientos ha aflojado. La IA ya actúa dentro del producto sin paso de validación: varios artículos cuentan el mismo vuelco, un lienzo que actúa a partir del contexto y no de instrucciones paso a paso, un ingeniero que pierde el poder de decir que algo es imposible. Una funcionalidad de IA se juzga ahora por lo que hace en lugar del usuario, no por lo que le sugiere.

El design system, por su parte, se ha convertido en la norma que encuadra a la IA. Todas las herramientas de generación sacan el mismo resultado por defecto, una tipografía Inter, un héroe centrado, un botón azul índigo, si nadie les da una norma en contra. La respuesta ya no es una guía de estilo que se relee, es un archivo de normas escrito para que lo lea la IA. El sistema gana escribiendo normas, no publicando componentes.

Han aparecido dos cosas nuevas. La primera prolonga la colocación: la barra de asistente se integra en la pantalla principal. Tres cuadros de mando, contabilidad, gestión de empresa, seguimiento cerebral, ponen un campo de "pregunta lo que quieras" justo debajo de las cifras, sin botón para abrir un chat aparte, y Notion y Meta AI tienen el mismo reflejo. El asistente se convierte en un campo más de la pantalla de inicio, no en un destino.

La segunda va en contra de todo lo demás: un movimiento anti-IA. Dezeen recopilaba cinco objetos de diseño pensados para resistirse a la IA, entre ellos una tipografía concebida para engañar al scraping automático. Un cansancio claro, todavía reservado a los creadores. Queda por ver si cala hasta los productos de gran público.

Esta sección no tiene relación con nuestro producto y no la busca. Es mi mirada de diseñadora sobre lo que la temporada instala en materia de color.

Pantone ha elegido Cloud Dancer, un blanco roto y aéreo, y es la primera vez que el color del año es un blanco. El gremio lo ha recibido con frialdad, y se entiende: un color del año está para verse. Su gama de otoño e invierno dice lo mismo de otra manera, enfrentando cuatro tierras, arcilla apagada, especia, caoba y oliva quemada, a cuatro saturados que nada suaviza. Los primeros sostienen las superficies, los segundos sostienen los puntos de apoyo. Lo que se mueve ahora mismo no es el acento, es el fondo sobre el que lo colocas.

El referente que más miro para pantalla viene de WGSN y Coloro, porque apunta más lejos. Después de Transformative Teal anuncia Luminous Blue, un cobalto de la familia del lapislázuli, y luego Radiant Earth, un rojo terroso colocado no como acento sino como neutro. Un rojo sobre el que se construye una interfaz entera, no solo un botón: ese es el gesto que cuenta.

En pantalla, el movimiento más nítido es el final del negro puro en modo oscuro. El #000 es duro y deja estelas grises al desplazar en los paneles OLED. En su lugar, fondos ambientales profundos, azul noche, verde bosque, carbón, a veces modulados según la hora. El blanco puro retrocede igual ante neutros templados, y cada color tiene ya que existir en claro, en oscuro y en contraste alto: el que solo tiene una versión se rompe en cuanto el usuario cambia de modo.

Dos corrientes se salen de la fila. Las paletas generadas por IA proponen combinaciones que una persona no habría intentado, salvia con malva y azul acero, y algunas se sostienen. En sentido contrario, un neobrutalismo asumido vuelve en las apps que buscan no parecerse a ninguna otra, en fintech y en Web3.

Cuatro paletas me han parecido utilizables tal cual, cada una con aquello para lo que sirve.

Un último punto, y es el que se aplica mañana por la mañana. Los acentos terrosos rara vez pasan la relación de contraste de 4,5:1 sobre un fondo crema: resérvalos para superficies y bordes, nunca para texto. Y en móvil, sube el contraste de tus botones de acción por encima de ese mínimo, porque el contraste percibido se hunde a pleno sol. Un color validado en tu pantalla puede resultar ilegible en la calle.

¿La barra de asistente integrada en la pantalla de inicio va a sustituir al botón de chat aparte? La colocación ha ganado en Google Maps, Booking.com y Notion. Queda por saber si las apps que no son asistentes siguen el camino, o si el campo de "pregunta lo que quieras" se queda como algo propio de los cuadros de mando.

¿La ejecución directa por IA, reservar, pedir, seguir un precio, va a exigir un nuevo patrón de confirmación antes de la acción? El marco de cuatro niveles existe. Queda por ver quién lo adopta en el momento en que la acción se vuelve irreversible.

¿La obligación europea de etiquetado de IA va a extenderse a las herramientas de IA internas, más allá de los generadores de imágenes? La pregunta se plantea para cualquier app cuyo contenido generado llegue a un usuario final.

Estas tres preguntas tienen un plazo, el otoño, y la primera nos concierne tanto como las demás. Hasta entonces, si de este verano te quedas con una sola cosa para tu app: una funcionalidad de IA se juzga por lo que hace por tus usuarios, no por lo que brilla. En GoodBarber, hoy, responde con lo que tú publicas. Lo que dirá el otoño es dónde tendrá que colocarse.