Experimentei esta ferramenta subestimada do Google Labs para codificar meu design de IU e agora me arrependo de não tê-la usado antes

As ferramentas de codificação de vibração e design de vibração tornaram-se uma categoria própria, com a maior parte da atenção voltada para os grandes nomes: Replit, Lovable, Bolt, Figma Make e, mais recentemente, Claude Design. Como alguém que estuda e escreve sobre design, sou obrigado a testar a maioria deles, em parte por curiosidade, mas também porque não podemos ignorá-los no espaço UX/UI por muito mais tempo. O apelo não é nem mesmo substituir ferramentas de design, mas sim acelerar fluxos de trabalho ou um ponto de partida quando você está olhando para uma tela em branco.

Stitch está nas guias do meu navegador desde a grande atualização no início deste ano e finalmente o abri corretamente esta semana. Entrei esperando uma versão diferente do que já havia verificado e saí me perguntando por que as pessoas não estavam falando mais sobre isso. O Google realmente entregou um dos produtos de design mais interessantes do ano, e ele está injustamente passando despercebido…

Stitch usa muitos chapéus

Um experimento do Google Labs que ficou muito mais sério

O ponto funciona em stitch.withgoogle.com Conta do Google e ainda está na versão beta do Google Labs, mas esta designação mostra o que ela pode fazer. Stitch foi originalmente lançado no Google I/O 2025 como uma demonstração em tela única de como transformar texto em uma interface de usuário baseada no Galileo AI, que o Google adquiriu naquele ano. No entanto, a maior mudança ocorreu em março de 2026, quando o Google o reconstruiu como uma chamada tela de design de software de inteligência artificial: geração de múltiplas telas, tela infinita, entrada de voz, prototipagem interativa e importação de sistema de design foram feitas instantaneamente.

Desenvolvido pela Gemini, você descreve o que deseja e o Stitch gera telas inteiras ou até cinco telas conectadas em um único prompt. Atrás da caixa de aviso estão dois modos de modelo: o modo padrão mais rápido e o modo experimental, que é mais lento, mas oferece qualidade significativamente melhor. O nível gratuito oferece 350 gerações padrão e 200 gerações experimentais por mês, o que na verdade é muito mais para movimentar do que a maioria das ferramentas de design de IA oferecem sem um mapa.

A estrutura que o Google busca é o “vibe design”, onde você descreve um sentimento ou intenção e deixa a ferramenta tomar as decisões estruturais. Isso torna Stitch mais próximo de um assistente de brainstorming criativo do que de um editor manual ou ferramenta de codificação vibratória, o que é parte do motivo pelo qual ele fica tão naturalmente ao lado de Claude Design e Figma Make nesta conversa.

O próprio espaço de trabalho reflete esta identidade híbrida. Abrir o Stitch abre um painel de projeto com exemplos integrados, projetos anteriores e uma caixa de prompt com alternância entre aplicativo/web. Quando você está em um projeto, o layout se move para um painel esquerdo para bate-papo e registro do agente, uma tela no meio que abriga suas telas e uma barra de ferramentas à direita com ícones para controle manual. Inicialmente parece um chatbot, mas funciona mais como uma ferramenta de design quanto mais tempo você permanece com ele.

Depois, há o arquivo DESIGN.md, um arquivo de marcação amigável ao agente que captura sua estrutura de design em um formato portátil. Você pode extraí-lo de qualquer URL ou exportá-lo do Stitch e soltá-lo no código de Claude, no Cursor ou em qualquer outro agente de codificação de IA que leia arquivos de contexto. Meu fluxo de trabalho não está exatamente em vigor no momento, mas o fato de existir mostra que o Stitch não está realmente sendo construído como uma ferramenta de design fechada, mas como uma camada de design que pode se comunicar com agentes de codificação. O Google analisou todo o pipeline de design e desenvolvimento.

Cole o URL para herdar o sistema de design

Ignorando o exercício rápido

Para ser sincero, essa é uma das características que me incomodou. Você pode colar qualquer URL disponível publicamente na caixa de prompt e o Stitch usará esse site como referência visual para tudo o que ele gerar. Leva cerca de um minuto para rastrear uma página e, na verdade, analisa o site on-line em busca de marcadores de design, como cores hexadecimais, raios de canto, valores de preenchimento, tipografia e hierarquia visual. Em seguida, ele cria um sistema de design personalizado a partir deles. Portanto, ele vai um passo além da captura de tela de inspiração e lê a página renderizada diretamente. Páginas públicas e ativas funcionam melhor; qualquer coisa atrás de um login ou acesso pago é proibida.

Estou usando mobbin.com como referência, que é uma biblioteca de inspiração de design e provavelmente o caso de uso perfeito. Stitch puxou a estética, não precisei descrever uma única cor, e cada tela gerada depois disso herdou essa linguagem visual sem que eu tivesse que escrevê-la. Você pode visitar qualquer site, como uma marca que você admira ou seu site existente. Stitch extrai apenas tokens de design, não conteúdo, portanto não extrai cópias, imagens ou logotipos, apenas DNA estrutural e estilístico. É basicamente a mesma pose de um designer inspirado em um site.

Você pode editar o design

Controles manuais integrados à IA

Para uma ferramenta construída em torno de prompts, o Stitch oferece mais controle prático do que você poderia esperar, mas não é controle no sentido tradicional da ferramenta de design. É mais como alguns botões e interruptores que a IA permite operar diretamente. A maior parte do que faço é no painel da paleta à direita, que traz o editor completo do sistema de design: alterna claro/escuro, cor inicial, amostras primárias/secundárias/terciárias/neutras, seletor de fonte e raio de canto. Ajustar qualquer um deles reconstruirá o projeto para corresponder sem aviso prévio.

O menu de comando de barra é outra coisa que oferece mais controle. Você obtém um menu suspenso com itens que pode adicionar à tela sem escrever um prompt completo: imagem, logotipo, diagrama, animação, recursos da app store, recursos da web, kit de marketing, auditoria de acessibilidade. Animar é muito legal. Na verdade, eu dei a curva bézier desejada e isso me deu uma animação que correspondeu em um minuto.

A ferramenta de edição direta de lápis permite até mesmo clicar em qualquer texto e reescrevê-lo ou trocar a imagem. Essas correções diretas não custam créditos, ao contrário das reconstruções completas, o que é enorme se você estiver no nível gratuito e não quiser queimar uma geração por causa de um erro de digitação. E se quiser que a IA edite um elemento específico em vez da tela inteira, você pode selecionar esse elemento primeiro e solicitar a partir daí. Stitch irá apenas regenerar esta tela e geralmente respeita sua intenção de forma muito mais confiável do que um prompt do chat principal.

O protótipo se constrói sozinho

O feed se torna uma plataforma de lançamento para várias telas

Quando você tem duas ou mais telas na tela, você pode conectá-las em um protótipo interativo – clique e arraste para conectar, pressione play para visualizar. O que eu não esperava era que Stitch pudesse gerar automaticamente a próxima tela lógica com base em toques visíveis. Clique com o botão direito na tela do Protótipo Instantâneo ou selecione um botão e peça ao Stitch para imaginar a tela após clicar nela. Portanto, o protótipo não apenas preenche o que já existe, é essencialmente uma plataforma de lançamento para múltiplas gerações.

Stitch merece mais tempo de antena

De forma bastante impressionante, coloque um lugar na conversa temperamental sobre design para algo que ainda tem o rótulo Labs. A importação de URLs por si só ganha seu lugar na minha pilha, e os controles manuais e a prototipagem preenchem a maior parte do que eu normalmente usaria em várias ferramentas de design. É gratuito, bastante generoso e muito subestimado nesta categoria de ferramentas. Definitivamente vale a pena tentar (pelo menos antes que o Google decida começar a cobrar por isso).