Tendances design 2026 : l'IA sort du chat, le design system fait la règle

Vous avez sans doute passé l'été à entendre la même chose : il faut mettre de l'IA dans votre app. Un chatbot, un assistant, un bouton qui brille. Ce qu'on vous dit moins, c'est où le mettre, à quoi il ressemble une fois posé sur un écran, et ce qu'il fait au reste de l'interface.

Je lis chaque semaine ce qui se publie sur le design d'app : les articles de Nielsen Norman Group, UX Collective, Smashing Magazine et Muzli, les notes de version des grandes apps, et les planches publiées sur Dribbble. Voici ce que l'été 2026 a changé, et ce que la rentrée en a déjà confirmé.

C'est la tendance la plus dense de l'été, et elle se lit d'abord sur les écrans. ChatGPT, Grok, Claude, Gemini et Pi s'ouvrent tous sur la même page presque vide : un logo ou une question, un champ de saisie, aucun onglet au premier niveau. Cinq produits, une seule décision. Quand la conversation est le produit, l'interface s'efface derrière elle.

La théorie a suivi. Nielsen Norman Group a posé cinq qualités pour juger un chatbot, et UX Collective a demandé ce qui reste de la métaphore du bureau, les fenêtres, les menus, les dossiers, quand on parle à une app au lieu de la parcourir. Le plus frappant est la relecture de la loi de Jakob, celle qui dit que les usagers passent leur temps sur d'autres produits et attendent donc partout les mêmes conventions. Si tout le monde s'habitue à tout faire depuis une fenêtre de discussion, c'est cette fenêtre qui devient la convention. Les écrans, titrait un autre article, sont rétrogradés.

Puis l'assistant a cessé de répondre pour se mettre à faire. Google Maps réserve un hôtel ou commande un repassans quitter la carte. Google AI Mode suit le prix d'un vol et réserve sans renvoyer vers un site tiers. Booking.com pose son bouton d'itinéraire par IA au milieu de l'écran d'accueil, pas dans un chatbot séparé. Cloudflare est allé au bout de la logique avec Kitesurf, un navigateur construit pour des agents plutôt que pour des humains.

Le contrepoint est arrivé en même temps, et il tient en une phrase : plus l'IA agit, plus elle doit montrer ce qu'elle fait. Un cadre de permission propose quatre niveaux, automatique, aperçu, confirmation, annulation, selon la réversibilité de l'action, et des apps comme Atoms ou World of Hyatt l'appliquent déjà. DeepSeek, Manus, ChatGPT et Notion affichent leur raisonnement, étape par étape, avant de répondre. L'Europe a précisé qu'une mention IA doit être une vraie étiquette, pas une icône qui scintille.

Et pour votre app. Chez nous, l'assistant qui parle à vos utilisateurs est une section, le chatbot RAG, et il répond avec ce que vous publiez, pas avec la mémoire générale d'un modèle. Il a sa place dans la navigation comme n'importe quelle section. C'est un choix de lecture : dans une app de contenu, l'entrée reste le contenu, et l'assistant vient après.

Plus large, et je l'assume. Rien, cet été, ne prouve qu'une entrée conversationnelle doive remplacer les onglets et les sections qui structurent une app de contenu ou de communauté. Les assistants généralistes ont vidé leur écran d'accueil parce que leur produit est la conversation. Le vôtre, c'est votre contenu. Ce que Google Maps et Booking.com montrent, l'action IA posée dans le parcours plutôt que dans un onglet à part, est la question que ce mouvement nous pose à tous. Je la pose sans la trancher.

Le deuxième mouvement de l'été est moins visible et plus profond. Le design system a changé de nature : ce n'est plus une bibliothèque de composants qu'on consulte, c'est une règle qui gouverne ce que l'IA produit.

Le point de départ est un problème de vitesse. L'IA génère des écrans et du code plus vite que n'importe quelle équipe ne peut les évaluer. Nielsen Norman Group a donné un nom à ce qui s'accumule derrière, la dette UX de l'IA, et décrit des équipes design condamnées à nettoyer en continu. Un design system qui ne sert qu'à vérifier après coup a déjà perdu.

D'où la question qui a occupé les articles de l'été : où vit la vérité d'un composant ? Ni dans Figma ni dans le code, répond UX Collective, mais dans un contrat qui fait autorité pour les deux, parce que deux copies qui dérivent l'une de l'autre ne s'arbitrent plus à la main. Nielsen Norman Group a fourni la grille de lecture avec un référentiel de maturité en six dimensions, un outil d'audit qui mesure la gouvernance et l'adoption autant que la cohérence. Et le procès intenté à Figma sur le consentement des données d'entraînement a rappelé que la gouvernance n'est pas un mot : qui décide des règles, et à qui elles profitent.

Ce contrat a déjà une forme concrète, et elle tient dans un fichier texte. DESIGN.md, publié en open source par Google Labs en avril, décrit les couleurs, la typographie, l'espacement et les composants d'une marque dans un format que les agents de codage lisent avant de générer un écran. Stitch le produit, Claude Code et Cursor le consomment, des plugins Figma le génèrent depuis une maquette, Claude Design en extrait un d'un fichier .fig. L'été a fait de ce fichier le centre de la discussion : un seul fichier standard porte l'identité visuelle, pour les humains comme pour les agents. Le design system n'est plus un livrable, c'est un texte qu'une machine lit avant d'agir.

En deux mois, il est passé de bibliothèque à organisme vivant, et c'est l'IA qui l'a poussé là.

Et pour votre app. Chez nous, la couleur, la typographie, l'espacement, la forme et l'ombre sont définis une fois, comme des rôles, et le moteur les applique directement à chaque écran, sur iOS, sur Android et en PWA. La dérive entre la maquette et le code, celle que le contrat cherche à résoudre, ne se pose pas de la même façon. Ce que vous réglez est ce qui s'affiche.

Plus large, et c'est le vrai sujet. Le vocabulaire du contrat et du fichier unique devient utile le jour où un agent IA externe doit lire les règles d'une marque pour construire quelque chose de correct. C'est exactement la question que pose notre serveur MCP, qui permet aujourd'hui à un agent d'opérer le contenu d'une app, ses articles, ses push, sa boutique, pendant que le design reste dans le builder. Rendre nos règles de design lisibles par une machine est une piste que l'été a rendue plus concrète. Je l'écris comme une piste.

Les deux mouvements de l'été n'ont pas ralenti. L'IA agit maintenant dans le produit sans étape de validation : plusieurs articles racontent la même bascule, un canevas qui agit à partir du contexte sans instructions pas à pas, un ingénieur qui perd le pouvoir de dire qu'une chose est impossible. Une fonctionnalité IA se juge désormais à ce qu'elle fait à la place de l'utilisateur, pas à ce qu'elle lui suggère.

Le design system, lui, est devenu la règle qui encadre l'IA. Tous les outils de génération sortent le même résultat par défaut, une police Inter, un héros centré, un bouton bleu indigo, si personne ne leur donne une règle contraire. La réponse n'est plus un guide de style qu'on relit, c'est un fichier de règles écrit pour être lu par l'IA. Le système gagne en écrivant des règles, pas en publiant des composants.

Deux choses nouvelles sont apparues. La première prolonge le placement : la barre d'assistant s'intègre à l'écran principal. Trois tableaux de bord, comptabilité, gestion d'entreprise, suivi cérébral, posent un champ « demandez n'importe quoi » directement sous les chiffres, sans bouton pour ouvrir un chat séparé, et Notion comme Meta AI ont le même réflexe. L'assistant devient un champ de plus sur l'écran d'accueil, pas une destination.

La seconde va à l'inverse de tout le reste : un mouvement anti-IA. Dezeen recensait cinq objets de design pensés pour résister à l'IA, dont une police conçue pour tromper le scraping automatique. Une fatigue nette, encore réservée aux créateurs. Reste à voir si elle infuse jusqu'aux produits grand public.

Cette section n'a pas de lien avec notre produit et n'en cherche pas. C'est mon regard de designer sur ce que la saison installe côté couleur.

Pantone a retenu Cloud Dancer, un blanc cassé aérien, et c'est la première fois que la couleur de l'année est un blanc. Le milieu l'a accueilli froidement, ce qui se comprend : une couleur de l'année sert d'abord à être vue. Sa gamme automne-hiver dit pourtant la même chose autrement, en opposant quatre terreux, argile éteinte, épice, acajou, olive brûlée, à quatre saturés que rien n'adoucit. Les premiers tiennent les surfaces, les seconds tiennent les points d'appui. Ce qui bouge en ce moment n'est pas l'accent, c'est le fond sur lequel on le pose.

Le référentiel que je regarde le plus pour l'écran vient de WGSN et Coloro, parce qu'il vise plus loin. Après Transformative Teal, il annonce Luminous Blue, un cobalt de la famille du lapis, puis Radiant Earth, un rouge terreux posé non comme un accent mais comme un neutre. Un rouge sur lequel on bâtit une interface entière, pas seulement un bouton : c'est ce geste-là qui compte.

Côté écran, le mouvement le plus net est la fin du noir pur en mode sombre. Le #000 est dur et laisse des traînées grises au défilement sur les dalles OLED. À sa place, des fonds ambiants profonds, bleu nuit, vert forêt, charbon, parfois modulés selon l'heure. Le blanc pur recule de la même façon devant des neutres réchauffés, et chaque couleur doit désormais exister en clair, en sombre et en contraste élevé : celle qui n'a qu'une version casse dès que l'utilisateur change de mode.

Deux courants sortent du rang. Les palettes générées par IA proposent des associations qu'un humain n'aurait pas tentées, sauge avec mauve et bleu acier, et certaines tiennent debout. À l'inverse, un néo-brutalisme assumé revient sur les apps qui cherchent à ne ressembler à aucune autre, en fintech et dans le Web3.

Quatre palettes m'ont paru utilisables telles quelles, chacune avec ce à quoi elle sert.

Un dernier point, et c'est celui qui s'applique demain matin. Les accents terreux passent rarement le rapport de contraste de 4,5:1 sur un fond crème : gardez-les pour les surfaces et les bordures, jamais pour du texte. Et sur mobile, montez le contraste de vos boutons d'action au-dessus de ce minimum, parce que le contraste perçu s'effondre en plein soleil. Une couleur validée sur votre écran peut être illisible dans la rue.

La barre d'assistant intégrée à l'écran d'accueil va-t-elle remplacer le bouton de chat séparé ? Le placement a gagné chez Google Maps, Booking.com et Notion. Reste à savoir si les apps qui ne sont pas des assistants suivent, ou si le champ « demandez n'importe quoi » reste l'apanage des tableaux de bord.

L'exécution directe par l'IA, réserver, commander, suivre un prix, va-t-elle réclamer un nouveau pattern de confirmation avant l'action ? Le cadre à quatre niveaux existe. Reste à voir qui l'adopte au moment où l'action devient irréversible.

L'obligation européenne d'étiquetage IA va-t-elle s'étendre aux outils IA internes, au-delà des générateurs d'images ? La question se pose pour toute app dont un contenu généré touche un utilisateur final.

Ces trois questions ont une échéance, l'automne, et la première nous concerne autant que les autres. D'ici là, si vous ne retenez qu'une chose de cet été pour votre app : une fonctionnalité IA se juge à ce qu'elle fait pour vos utilisateurs, pas à ce qu'elle brille. Chez nous, aujourd'hui, elle répond avec ce que vous publiez. Ce que l'automne dira, c'est où elle devra se poser.