--- title: "Tendências de design 2026: a IA sai do chat" description: "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" canonical_url: "https://pt.goodbarber.com/blog/tendencias-de-design-2026-a-ia-sai-do-chat-o-design-system-dita-a-regra-a1341/" lang: pt date: 2026-09-08 last_updated: 2026-09-08 --- # Tendências de design 2026: a IA sai do chat [Voltar](/blog/make-it-r19/) # Tendências de design 2026: a IA sai do chat, o design system dita a regra Escrito por [Lesia PIETRI](https://pt.goodbarber.com/blog/author/lesia-pietri/) na Terça-Feira 8 Setembro 2026 ## Enquanto os apps de conteúdo passaram o verão se perguntando onde colocar IA, o design se moveu em duas frentes: o assistente saiu do chat para entrar na tela, e o design system deixou de ser uma biblioteca para virar uma regra. O que isso significa para o seu app, as cores da temporada e as perguntas que o outono terá de resolver. ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/97960997-68201399.jpg?v=1788875904.8339374) 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. ## O assistente sai do chat ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/97960997-68201400.jpg?v=1788875906.121944) É 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](https://www.nngroup.com/articles/dimensions-of-ai-chatbots/), 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](https://uxdesign.cc/jakobs-law-how-to-apply-it-as-ai-collapses-surfaces-into-one-chat-box-d8ebc9a727db). As telas, dizia o título de outro artigo, [foram rebaixadas](https://uxdesign.cc/the-screens-are-getting-demoted-6b40120fcf04). Depois o assistente parou de responder e começou a fazer. [O Google Maps reserva um hotel ou pede uma refeição](https://techcrunch.com/2026/08/06/google-maps-adds-agentic-features-including-food-ordering-and-hotel-bookings/) [sem sair do mapa](https://blog.google/products-and-platforms/products/maps/ask-maps-immersive-navigation/). [O Google AI Mode acompanha o preço de um voo e reserva](https://techcrunch.com/2026/08/27/googles-ai-mode-can-now-track-flight-prices-help-book-hotels-and-more/) 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](https://medium.muz.li/when-should-an-ai-agent-ask-for-permission-a-ux-framework-for-trust-and-control-231f6c06e505) 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](https://smashingmagazine.com/2026/08/eu-guidelines-ai-labelling/) 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](https://pt.goodbarber.com/blog/rag-chatbot-ia-que-responde-usando-seu-conteudo-publicado-a1217/), 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 design system passa de biblioteca a regra ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/97960997-68201401.jpg?v=1788875907.6379514) 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](https://www.nngroup.com/articles/ai-ux-debt/), 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](https://uxdesign.cc/design-system-contracts-the-component-lives-in-neither-figma-nor-code-3032d94ca067), 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](https://www.nngroup.com/articles/design-system-maturity/), 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](https://github.com/google-labs-code/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](https://uxdesign.cc/design-md-the-one-standard-file-carries-your-visual-identity-for-humans-and-agents-9058d5b39d9b), 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](https://pt.goodbarber.com/uxdesign/), 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](https://pt.goodbarber.com/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. ## E desde a volta às aulas ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/97960997-68201402.jpg?v=1788875909.30996) 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](https://uxdesign.cc/when-the-canvas-starts-acting-whos-really-in-control-0128f641223c) 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](https://medium.muz.li/your-design-system-is-now-a-prompt-heres-how-to-make-it-a-good-one-d5d200899129) 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](https://www.dezeen.com/2026/09/05/anti-ai-designs-roundup/) 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. ## As cores da temporada ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/97960997-68201403.jpg?v=1788875911.1219687) 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](https://www.pantone.com/color-of-the-year/2026), 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](https://www.wgsn.com/en/blog/colour-year-2028-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. ## As três perguntas que o outono terá de resolver ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/97960997-68201404.jpg?v=1788875913.0299783) **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](https://pt.goodbarber.com/ai/), 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. ![Lesia PIETRI](https://blog.goodbarber.com/_public/profile/e1/e1822db470e60d090affd0956d743cb0e7cdf113-default.jpg) Sobre o autor[Lesia PIETRI](https://pt.goodbarber.com/blog/author/lesia-pietri/)Head of Product Design Sou Head of Product Design da GoodBarber. Conduzo o design do produto: o design system sobre o qual todas as apps são construídas, os layouts que servem de ponto de partida e o percurso que leva de uma ideia a uma app publicada. O meu trabalho é que alguém que nunca abriu uma ferramenta de design publique na mesma uma app cuidada, ecrã após ecrã. Designer de alma, passo os dias nos detalhes que ninguém nomeia: os espaçamentos, os contrastes, o peso de um título. Escrevo aqui sobre o design da GoodBarber e sobre as novidades do produto: as funcionalidades, os layouts e os temas. [Saiba mais](https://pt.goodbarber.com/blog/author/lesia-pietri/) [![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/lesia-pietri-150824116/)