Google Stitch: o que é e como criar telas de app com IA

Na véspera da reunião com a primeira administradora de condomínios que topou te ouvir, você abre o Google Stitch e escreve uma frase: um app pro morador reservar o salão de festas e o síndico aprovar pelo celular. Em um minuto aparecem a tela de entrada, o calendário, a lista de pedidos e o botão de aprovar. À noite você pede mais umas telas e manda o link pro sócio.

Na reunião, a administradora gosta do visual e faz a primeira pergunta: "e quando dois moradores pedem o mesmo sábado?". Nenhuma das telas responde.

Antes de voltar pro Stitch e desenhar mais dez, vale entender o que a ferramenta é, como usar, quanto custa e onde a tela para.

O que é o Google Stitch (ou Stitch IA)

O Google Stitch é a ferramenta de design com IA do Google Labs que transforma uma descrição em texto, um rascunho ou um print em telas de app e de site, com o código front-end junto. É uma ferramenta de inteligência artificial pra desenhar a interface, ou seja, o que a pessoa vê e toca no app. Muita gente procura por Stitch IA ou Google Stitch AI, e é tudo a mesma ferramenta.

O Google apresentou o Stitch em 20 de maio de 2025, no anúncio do Google for Developers. Era um experimento que usava o Gemini 2.5 Pro pra gerar telas e código a partir de texto ou imagem, com a opção de copiar o resultado pro Figma.

Em março de 2026, a nova versão do Stitch virou o que o Google chama de canvas de design nativo de IA: uma área sem borda onde um agente de design acompanha o projeto inteiro e gera as próximas telas.

O Google batizou esse jeito de trabalhar de vibe design. Você começa explicando o objetivo do negócio, e o agente propõe as telas que servem a ele.

Quem pergunta qual é a ferramenta de design do Google costuma chegar aqui, e o Stitch tem um papel bem definido. O Lovable monta o app inteiro, com banco de dados e login, e hospeda no mesmo lugar. O Stitch cuida da interface e entrega o resultado pra ferramenta onde o app vai ser construído.

Como criar telas de app com IA no Stitch

O caminho pra quem nunca abriu a ferramenta:

• Entre com a conta Google. O Stitch roda no navegador, no endereço stitch.withgoogle.com, sem instalar nada, e gera telas pra celular e pra web.
• Descreva o objetivo do app. Diga pra quem ele é e o que a pessoa precisa conseguir fazer. Também dá pra subir um rascunho em papel, um print de outro app ou falar com o canvas pela voz.
• Peça variantes e ajuste no chat. O agente gera versões diferentes da mesma tela. Você escolhe uma e pede as mudanças em português, como "tira o menu de baixo" ou "deixa o botão de aprovar maior".
• Ligue as telas num protótipo. O Stitch transforma as telas paradas num protótipo clicável, e um clique num botão pode gerar a tela seguinte. É isso que você mostra na reunião.
• Leve pra onde o app vai ser construído. Dá pra copiar pro Figma, baixar o código front-end, exportar as regras visuais num arquivo DESIGN.md ou mandar pro Google AI Studio e pro Antigravity. Com o Stitch MCP, o servidor que conecta o projeto a agentes de código, um agente como o Claude Code pode puxar as telas direto do projeto.

O ajuste no chat é onde quem não é designer mais ganha tempo. Pedir a mudança em palavras custa menos do que aprender uma ferramenta de desenho.

Google Stitch é gratuito: créditos e limites

Sim, até agora. Conferi em 2 de novembro de 2026: o Stitch continua sendo um experimento do Google Labs, sem plano pago. O uso é contado em créditos diários, que zeram uma vez por dia, e não há como comprar mais.

Na prática, quem pede dezenas de telas numa sentada esbarra no limite e espera o dia seguinte. Experimento do Labs também muda de regra sem muito aviso, então vale conferir a página antes de planejar um projeto em cima dele.

Onde a tela do Stitch para

O Stitch faz bem o que promete. A tela sai com cara de produto, o código front-end vem junto e o protótipo clica. O que a tela não carrega é o que acontece quando alguém aperta o botão.

No app do salão de festas, isso aparece assim:

• O conflito. Dois moradores pedem o mesmo sábado, o síndico está viajando, a reserva cai na véspera. A tela de aprovação tem o botão, e a regra de quem fica com o sábado não está escrita em lugar nenhum.
• A origem da informação. Quem é morador, de qual apartamento, se está em dia com o condomínio. Isso mora no sistema da administradora ou numa planilha, e alguém precisa ligar uma coisa na outra.
• Os perfis. Morador, síndico e zelador enxergam coisas diferentes no mesmo app. O desenho do perfil sai pronto; o que cada um pode ver e mudar é escolha do negócio.
• A conferência. Com o app no ar, alguém precisa saber se a reserva aprovada virou de fato o salão aberto no sábado.

E tem uma armadilha própria do Stitch. Como desenhar ficou barato, dá vontade de desenhar tudo. O canvas não acaba, o agente gera a próxima tela a cada clique e em uma noite o app tem quarenta telas. Quarenta telas convencem qualquer reunião, e nenhuma delas responde a pergunta do sábado.

A regra atrás do botão continua sendo decisão sua

Ficou muito mais fácil desenhar. Decidir o que cada botão faz continua sendo trabalho, e esse trabalho não cabe no pedido de tela.

Pra cada tela que vai pra reunião, escreva em poucas linhas o que acontece por trás dela:

• O que o botão dispara. "Aprovar" muda o quê, avisa quem e o que acontece se dois pedidos chegam juntos.
• O que o app guarda. O histórico de reservas, quem aprovou e quando, e o que não pode sumir se alguém apagar a conta.
• O caso que dá errado. O pedido em cima da hora, o morador com taxa atrasada, o salão em reforma.

O DESIGN.md que o Stitch exporta leva cores, fontes e componentes pra próxima ferramenta. As regras do negócio você escreve do lado, em português, e entrega junto. Quem for construir lê esse papel quando a tela não disser o que fazer, seja o construtor de app, o agente de código ou o programador. Na hora de criar app com IA, é ele que separa o produto de mais uma rodada de telas.

O menor experimento cabe em poucas telas

O passo 3 do protocolo antivibe é o menor experimento que responde a pergunta: você quer o caminho mais curto até uma evidência em que dê pra confiar. Com o Stitch, o caminho até a tela encurtou muito, e por isso escolher a pergunta virou a parte difícil.

No guia eu escrevo que a pergunta quase sempre é um par: o problema é real e do tamanho que eu acho, e eu consigo resolver com custo aceitável. Responder só a segunda é o jeito mais comum de construir muito bem uma coisa que ninguém precisava. Quarenta telas bonitas respondem, no máximo, a segunda metade do par.

No app do salão, a pergunta da reunião era se o conflito de reservas dói o bastante pra administradora pagar por um app. Com ela escrita, o Stitch rende mais: três telas que mostram o pedido, o conflito e a decisão do síndico, com a regra do sábado anotada do lado.

Volto à véspera da reunião. Com a pergunta do sábado escrita antes do primeiro pedido ao Stitch, as telas que você leva já mostram a resposta, e a conversa com a administradora começa pela regra dela.

O Stitch entrega a tela; login, regra de negócio e dado que não pode sumir continuam fora dela, e é aí que o protótipo vira produto. Escrevi sobre como criar um SaaS com IA, do zero até o app no ar, e montei uma página sobre o que fazer com um app feito com IA quando as telas já convenceram. Se quiser ajuda pra dar esse passo, entre em contato e me conte onde o seu app está.