Tendências de design 2026: a IA sai do chat, o design system dita a regra

Você provavelmente passou o verão ouvindo a mesma coisa: coloque IA no seu app. Um chatbot, um assistente, um botão que brilha. O que quase ninguém conta é onde colocar, com que cara ele fica depois de posto numa tela e o que faz com o resto da interface.

Toda semana leio o que se publica sobre design de apps: Nielsen Norman Group, UX Collective, Smashing Magazine e Muzli, as notas de versão dos grandes apps e os trabalhos publicados no Dribbble. Foi isto que o verão de 2026 mudou, e isto que a volta às aulas já confirmou.

É a tendência mais densa do verão, e ela se lê primeiro nas telas. ChatGPT, Grok, Claude, Gemini e Pi abrem todos na mesma página quase vazia: um logo ou uma pergunta, um campo de texto, nenhuma aba no primeiro nível. Cinco produtos, uma única decisão. Quando a conversa é o produto, a interface sai da frente.

A teoria veio depois. O Nielsen Norman Group propôs cinco qualidades para julgar um chatbot, e o UX Collective perguntou o que sobra da metáfora da escrivaninha, as janelas, os menus, as pastas, quando se fala com um app em vez de percorrê-lo. O mais afiado é a releitura da lei de Jakob, aquela que diz que os usuários passam o tempo em outros produtos e por isso esperam as mesmas convenções em todo lugar. Se todo mundo se acostuma a fazer tudo a partir de uma janela de conversa, é essa janela que vira a convenção. As telas, dizia o título de outro artigo, foram rebaixadas.

Depois o assistente parou de responder e começou a fazer. O Google Maps reserva um hotel ou pede uma refeiçãosem sair do mapa. O Google AI Mode acompanha o preço de um voo e reserva sem mandar você para um site de terceiros. A Booking.com põe seu botão de itinerário por IA no meio da tela inicial, não dentro de um chatbot separado. A Cloudflare levou a lógica até o fim com o Kitesurf, um navegador construído para agentes e não para pessoas.

O contraponto chegou junto, e cabe numa frase: quanto mais a IA age, mais ela precisa mostrar o que está fazendo. Um modelo de permissões propõe quatro níveis, automático, prévia, confirmação e desfazer, conforme o quanto a ação é reversível, e apps como Atoms ou World of Hyatt já aplicam. DeepSeek, Manus, ChatGPT e Notion mostram seu raciocínio, passo a passo, antes de responder. A Europa deixou claro que uma menção de IA tem de ser uma etiqueta de verdade, não um ícone que pisca.

E para o seu app. Na GoodBarber, o assistente que fala com seus usuários é uma seção, o chatbot RAG, e ele responde com o que você publica, não com a memória geral de um modelo. Ele ocupa seu lugar na navegação como qualquer outra seção. É uma escolha de leitura: num app de conteúdo, a entrada continua sendo o conteúdo, e o assistente vem depois.

Mais amplo, e eu assumo. Nada, neste verão, prova que uma entrada conversacional deva substituir as abas e as seções que estruturam um app de conteúdo ou de comunidade. Os assistentes generalistas esvaziaram sua tela inicial porque o produto deles é a conversa. O seu é o seu conteúdo. O que o Google Maps e a Booking.com mostram, a ação de IA colocada dentro do percurso em vez de numa aba à parte, é a pergunta que esse movimento faz a todos nós. Eu a faço sem resolvê-la.

O segundo movimento do verão aparece menos e vai mais fundo. O design system mudou de natureza: não é mais uma biblioteca de componentes que se consulta, é uma regra que governa o que a IA produz.

O ponto de partida é um problema de velocidade. A IA gera telas e código mais rápido do que qualquer equipe consegue avaliar. O Nielsen Norman Group deu nome ao que se acumula atrás, a dívida de UX da IA, e descreveu equipes de design condenadas a limpar sem parar. Um design system que só serve para conferir depois já perdeu.

Daí a pergunta que ocupou os artigos do verão: onde vive a verdade de um componente? Nem no Figma nem no código, responde o UX Collective, mas num contrato com autoridade sobre os dois, porque duas cópias que se afastam não se arbitram mais na mão. O Nielsen Norman Group forneceu a grade de leitura com um modelo de maturidade em seis dimensões, uma ferramenta de auditoria que mede governança e adoção tanto quanto coerência. E o processo movido contra o Figma sobre o consentimento dos dados de treinamento lembrou que governança não é uma palavra: quem decide as regras, e a quem elas beneficiam.

Esse contrato já tem forma concreta, e cabe num arquivo de texto. O DESIGN.md, publicado em código aberto pelo Google Labs em abril, descreve as cores, a tipografia, o espaçamento e os componentes de uma marca num formato que os agentes de programação leem antes de gerar uma tela. O Stitch produz, o Claude Code e o Cursor consomem, plugins do Figma geram a partir de um layout e o Claude Design extrai um de um arquivo .fig. O verão fez desse arquivo o centro da discussão: um único arquivo padrão carrega a identidade visual, para as pessoas como para os agentes. O design system não é mais uma entrega, é um texto que uma máquina lê antes de agir.

Em dois meses ele passou de biblioteca a organismo vivo, e foi a IA que o empurrou até lá.

E para o seu app. Na GoodBarber, a cor, a tipografia, o espaçamento, a forma e a sombra são definidos uma vez, como papéis, e o motor os aplica direto em cada tela, no iOS, no Android e na PWA. O desvio entre o layout e o código, aquele que o contrato tenta resolver, não se coloca da mesma maneira. O que você ajusta é o que aparece.

Mais amplo, e este é o assunto de verdade. O vocabulário do contrato e do arquivo único fica útil no dia em que um agente de IA externo precisa ler as regras de uma marca para construir algo correto. É exatamente a pergunta que nosso servidor MCP coloca, permitindo hoje que um agente opere o conteúdo de um app, seus artigos, seus push, sua loja, enquanto o design continua no builder. Tornar nossas regras de design legíveis por uma máquina é uma pista que o verão deixou mais concreta. Escrevo isso como uma pista.

Nenhum dos dois movimentos desacelerou. A IA age agora dentro do produto sem etapa de validação: vários artigos contam a mesma virada, uma tela que age a partir do contexto e não de instruções passo a passo, um engenheiro que perde o poder de dizer que uma coisa é impossível. Um recurso de IA se julga hoje pelo que ele faz no lugar do usuário, não pelo que sugere a ele.

O design system, por sua vez, virou a regra que enquadra a IA. Todas as ferramentas de geração entregam o mesmo resultado por padrão, uma fonte Inter, um herói centralizado, um botão azul índigo, se ninguém lhes der uma regra contrária. A resposta não é mais um guia de estilo que se relê, é um arquivo de regras escrito para ser lido pela IA. O sistema ganha escrevendo regras, não publicando componentes.

Duas coisas novas apareceram. A primeira prolonga o posicionamento: a barra de assistente se integra à tela principal. Três painéis, contabilidade, gestão de empresa e monitoramento cerebral, colocam um campo "pergunte o que quiser" logo abaixo dos números, sem botão para abrir um chat separado, e o Notion e o Meta AI têm o mesmo reflexo. O assistente vira mais um campo na tela inicial, não um destino.

A segunda vai contra todo o resto: um movimento anti-IA. A Dezeen reuniu cinco objetos de design pensados para resistir à IA, entre eles uma fonte concebida para enganar o scraping automático. Um cansaço claro, ainda restrito aos criadores. Falta ver se ele chega aos produtos de grande público.

Esta seção não tem ligação com o nosso produto e não procura ter. É o meu olhar de designer sobre o que a temporada instala do lado da cor.

A Pantone escolheu o Cloud Dancer, um branco quebrado e aéreo, e é a primeira vez que a cor do ano é um branco. O meio recebeu a escolha com frieza, o que se entende: uma cor do ano serve antes de tudo para ser vista. A sua cartela de outono e inverno diz a mesma coisa de outro jeito, opondo quatro terrosos, argila apagada, especiaria, mogno e oliva queimada, a quatro saturados que nada suaviza. Os primeiros seguram as superfícies, os segundos seguram os pontos de apoio. O que se move neste momento não é o acento, é o fundo sobre o qual você o coloca.

A referência que mais acompanho para tela vem da WGSN e da Coloro, porque mira mais longe. Depois do Transformative Teal, ela anuncia o Luminous Blue, um cobalto da família do lápis-lazúli, e depois o Radiant Earth, um vermelho terroso colocado não como acento, mas como neutro. Um vermelho sobre o qual se constrói uma interface inteira, não apenas um botão: é esse gesto que conta.

Na tela, o movimento mais nítido é o fim do preto puro no modo escuro. O #000 é duro e deixa rastros cinzentos ao rolar em painéis OLED. No lugar dele, fundos ambientes profundos, azul-noite, verde-floresta e carvão, às vezes modulados conforme a hora. O branco puro recua do mesmo jeito diante de neutros aquecidos, e cada cor precisa agora existir em claro, em escuro e em contraste alto: aquela que só tem uma versão quebra assim que o usuário troca de modo.

Duas correntes saem da fila. As paletas geradas por IA propõem combinações que uma pessoa não teria tentado, sálvia com malva e azul-aço, e algumas se sustentam. No sentido oposto, um neobrutalismo assumido volta nos apps que querem não se parecer com nenhum outro, no fintech e no Web3.

Quatro paletas me pareceram utilizáveis do jeito que estão, cada uma com aquilo a que serve.

Um último ponto, e é o que se aplica amanhã de manhã. Os acentos terrosos raramente passam a razão de contraste de 4,5:1 sobre um fundo creme: guarde-os para superfícies e bordas, nunca para texto. E no celular, suba o contraste dos seus botões de ação acima desse mínimo, porque o contraste percebido despenca sob sol forte. Uma cor validada na sua tela pode ficar ilegível na rua.

A barra de assistente integrada à tela inicial vai substituir o botão de chat separado? O posicionamento venceu no Google Maps, na Booking.com e no Notion. Falta saber se os apps que não são assistentes vão seguir, ou se o campo "pergunte o que quiser" continuará sendo coisa de painel.

A execução direta pela IA, reservar, pedir, acompanhar um preço, vai exigir um novo padrão de confirmação antes da ação? O modelo de quatro níveis existe. Falta ver quem o adota no momento em que a ação se torna irreversível.

A obrigação europeia de rotulagem de IA vai se estender às ferramentas de IA internas, além dos geradores de imagem? A pergunta se coloca para qualquer app cujo conteúdo gerado chegue a um usuário final.

Essas três perguntas têm um prazo, o outono, e a primeira nos diz respeito tanto quanto as outras. Até lá, se você guardar uma só coisa deste verão para o seu app: um recurso de IA se julga pelo que ele faz pelos seus usuários, não pelo quanto brilha. Na GoodBarber, hoje, ele responde com o que você publica. O que o outono vai dizer é onde ele terá de ficar.