# Google Stitch: o que é e como criar telas de app com IA > O Stitch desenha as telas do app em minutos a partir do que você descreve. Decidir o que acontece quando alguém aperta o botão continua sendo trabalho seu. Por Alexandre Leite, Colaboratório. Publicado em 2026-11-04, atualizado em 2026-11-04. Fonte: https://colaborato.rio/blog/google-stitch/ ## Em 30 segundos - O Google Stitch é a ferramenta de design com IA do Google Labs que transforma texto, rascunho ou voz em telas de app e de site, com protótipo clicável e código front-end. É gratuito, com créditos diários. Desenha a interface muito bem, e a regra por trás de cada botão continua com quem conhece o negócio. 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](https://developers.googleblog.com/stitch-a-new-way-to-design-uis/). 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](https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-ai-ui-design/) 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](https://colaborato.rio/blog/o-que-e-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](https://colaborato.rio/blog/claude-code/) pode puxar as telas direto do projeto. ![Fundador fala com um grande mural enquanto um robô prende telas de papel em fila, uma para cada parte do pedido](https://colaborato.rio/_emdash/api/media/file/01M6DY8ER6C52Z2JZ2T22ACC02.webp) 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](https://discuss.ai.google.dev/t/daily-stitch-credits-have-not-reset-for-more-than-2-days/175730), 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. ![Duas aprovações, um salão](https://colaborato.rio/_emdash/api/media/file/01M6DY8GXBG31RA1VNHPJJY2R6.webp) 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. ![Pessoa vira uma tela de app presa no mural e prende fichas de regras no verso, como etiquetas costuradas por dentro](https://colaborato.rio/_emdash/api/media/file/01M6DY8JS7B7H2GSH94G52XNV7.webp) 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](https://colaborato.rio/blog/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](https://colaborato.rio/blog/sai-dessa-vibe-errada/) é 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](https://colaborato.rio/blog/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](https://colaborato.rio/app-feito-com-ia/) quando as telas já convenceram. Se quiser ajuda pra dar esse passo, [entre em contato](https://wa.me/5521992438381?text=Oi!%20Li%20o%20artigo%20%22Google%20Stitch%3A%20o%20que%20%C3%A9%20e%20como%20criar%20telas%20de%20app%20com%20IA%22%20no%20site%20e%20queria%20conversar.) e me conte onde o seu app está. ## Perguntas frequentes ### O que é Stitch Google? O Stitch é a ferramenta de design com IA do Google Labs. Você descreve o app em português, sobe um rascunho ou fala com o canvas, e ele gera as telas pra celular e pra web com o código front-end. Depois, dá pra levar o resultado pro Figma, pro Google AI Studio ou pra um agente de código. ### Como usar o Stitch? Entre no site do Stitch com a sua conta Google e descreva pra quem é o app e o que a pessoa precisa conseguir fazer. O agente gera variantes, você ajusta no chat e liga as telas num protótipo clicável. No fim, exporta pro Figma, baixa o código ou manda pro AI Studio. ### O Google Stitch é gratuito? Sim, até agora. Em novembro de 2026 o Stitch não tinha plano pago: o uso é contado em créditos diários, que zeram uma vez por dia, e não dá pra comprar mais. Como é um experimento do Google Labs, essa regra pode mudar sem muito aviso. ### Qual é a ferramenta de design do Google? Pra desenhar telas de app com IA, é o Stitch, do Google Labs. Ele gera interface e protótipo a partir de texto, imagem ou voz. Pra construir o app em si, o Google tem o AI Studio e o Antigravity, que recebem as telas exportadas do Stitch. ### Qual é a origem do Stitch? O Stitch nasceu no Google Labs, a área de experimentos do Google, e foi apresentado em maio de 2025, usando o Gemini 2.5 Pro. Em março de 2026 ganhou o canvas com agente de design, a entrada por voz e o protótipo clicável.