Do Galileo AI a uma tela de design movida por Gemini, o Google Stitch evoluiu a ponto de levantar a pergunta: o Figma deveria se preocupar? A resposta honesta é menos ampla do que o hype sugere. Ele leva uma descrição em texto até uma UI com aparência publicável em minutos, mas o resultado ainda é um primeiro rascunho para um agente de código, não uma tela pronta para ir ao ar.
Na prática, o que o Google Stitch entrega
- O que é: você descreve um app ou envia uma captura de tela ou wireframe, e o Stitch gera uma UI editável, com canvas visual e HTML/CSS exportável.
- Preço: gratuito, exigindo apenas uma conta Google, em stitch.withgoogle.com. Não há nada para instalar.
- O ponto de atenção: ele foi pensado para ser entregue ao código, não para substituir sua ferramenta final de design.
Os modelos por trás da ferramenta mudaram rápido. Em julho de 2026, o seletor de modelos disponível oferece quatro modos:
- 3 Flash (padrão) — Gemini 3 Flash. Cria primeiros rascunhos rapidamente e foi feito para "exportar para agentes de código".
- Thinking with 3.1 Pro — Gemini 3.1 Pro. Indicado para fluxos com várias telas que precisam manter consistência.
- Redesign — Nano Banana Pro. Reconstrói uma tela existente a partir de uma captura de tela.
- Ideate — explora caminhos antes de você decidir qual seguir.
O que mudou com a atualização de 2026
A atualização de "vibe design", lançada em 18 de março de 2026, transformou o Stitch de um gerador de telas em um agente que entende o projeto:
- Canvas infinito — cada geração fica lado a lado; você pode adicionar imagens, texto ou código como contexto.
- Agente de design que raciocina sobre o projeto inteiro, além de um gerenciador para ideias em paralelo.
- DESIGN.md — arquivo Markdown que reúne seu sistema de design, como cores, tipografia e layout, e transita entre ferramentas.
- Protótipos interativos — conecte telas, clique em Play e navegue pelo fluxo.
- Voz — fale com o canvas e ele faz as edições em tempo real.
A atualização também trouxe um servidor MCP, um SDK e exportações para AI Studio e Antigravity. Essa camada de exportação é o ponto central: ela permite encaixar o Stitch em um pipeline de desenvolvimento, em vez de deixá-lo como uma etapa sem continuidade.
Google Stitch é mesmo gratuito?
Sim: não há plano pago. A parte nebulosa são as cotas de uso, sobre as quais o Google não dá muitos detalhes.
| Informação | Status |
|---|---|
| Gratuito, sem plano pago e apenas com conta Google | Confirmado no site oficial |
| Cota mensal/diária exata | Não publicada; números de terceiros divergem (350+200, 350+50, ~400/dia) |
| Créditos reiniciam em um ciclo e não podem ser recarregados | Relatado, mas não documentado |
Na prática, acompanhe o contador dentro do app, considere que existe um limite e não monte um prazo com base em uma cota citada por algum blog. Prompts simples consomem pouco; fluxos com várias telas drenam os créditos rapidamente.
O desafio de manter consistência entre telas
Essa é a limitação mais comentada do Stitch — e vale entender como ela evoluiu:
- No lançamento: usuários do r/UXDesign disseram que ele era bom para variações, mas que "é péssimo para criar fluxos com muitas telas". Testadores encontraram algo mais próximo de um "wireframe colorido do que um mockup refinado", além de um formulário exportado cujo botão de envio não fazia nada.
- Em 9 de abril de 2026: a conta oficial listou correções — o agente passou a respeitar um sistema de design existente, as edições no DESIGN.md são sincronizadas de volta e os layouts se sobrepõem menos.
- Ainda sem solução completa: no fim de abril, um desenvolvedor resumiu bem a lacuna: a passagem da UI para produção "continua sendo o problema interessante ainda não resolvido; o Stitch 2.0 ajuda, mas não fecha essa lacuna por completo".
O que fazer depois da exportação
O fluxo real em 2026 não é "criar no Stitch e publicar pelo Stitch". Ele funciona mais como uma passagem de bastão:
1. Gere a UI e o DESIGN.md no Stitch. 2. Envie o código, por exportação ou MCP, para um agente de código — Claude Code, Codex ou Cursor. 3. O agente transforma isso em um app React funcional. Um desenvolvedor chamou o uso do Stitch com Claude Code via MCP de "o pipeline que acaba de vez com o 'AI slop'".
Antes de confiar no código exportado, verifique o que o Stitch costuma deixar de fora: responsividade, formulários funcionais, estados de carregamento e erro, roteamento e se os componentes são reaproveitados ou duplicados.
Um detalhe sobre custo: o agente de código roda em uma API de LLM, cobrada separadamente do canvas gratuito do Stitch. Essa etapa exige um modelo como Gemini ou Claude — o Stitch continua gratuito, mas é o agente por trás dele que acumula o consumo.
Stitch vs v0 vs Figma Make
| Ferramenta | Abordagem | Melhor resultado | Custo |
|---|---|---|---|
| Google Stitch | Design primeiro: prompt → UI + código | Conceitos rápidos com várias telas | Gratuito |
| v0 by Vercel | Componentes primeiro: prompt → React | Componentes shadcn/ui prontos para integrar | A partir de ~US$ 20/mês |
| Figma Make | Dentro do canvas: IA no Figma | Edições sem sair do seu arquivo | Plano do Figma |
Elas são complementares, não concorrentes: explore no Stitch, gere componentes no v0 e monte tudo no Cursor ou no Claude Code.
Para quem o Stitch faz sentido
- Vale usar: founders, PMs e desenvolvedores que precisam validar um conceito rápido; pessoas sem formação em design que querem uma UI convincente sem aprender Figma; equipes que já trabalham na stack do Google.
- Não use como ferramenta de finalização: equipes enterprise que precisam de uma biblioteca de componentes governada ou designers que exigem controle de pixel e resultado pronto para produção.
Veredito: para sair de uma ideia e chegar a uma UI desenhada e sustentada por código em minutos, o Google Stitch é uma das opções gratuitas mais fortes de 2026 — desde que um agente de código faça o acabamento.
Perguntas frequentes
O Google Stitch é gratuito?
Sim. Não existe plano pago: basta uma conta Google. O uso é limitado por uma cota não publicada, então acompanhe o contador dentro do app.
Qual modelo de IA o Google Stitch usa?
Em julho de 2026: Gemini 3 Flash, como padrão; Gemini 3.1 Pro, no modo Thinking; e Nano Banana Pro, no Redesign. Eles substituíram a configuração anterior com Gemini 2.5.
O Google Stitch gera código funcional?
Ele gera HTML/CSS de front-end, mas como ponto de partida. Testadores encontraram botões sem funcionamento e lógica ausente, então refine o resultado em uma ferramenta de código antes de publicar.
Ele preserva um sistema de design existente?
Desde abril de 2026, o agente tenta respeitar o sistema que você definiu, e o DESIGN.md leva essas regras para dentro e para fora da ferramenta. É melhor do que no lançamento, mas ainda vale conferir a consistência entre as telas.
O Google Stitch é melhor que o Figma?
Ele chega mais rápido a um conceito; o Figma ainda vence em colaboração, sistemas de design e controle para produção. A maioria das pessoas começa no Stitch e termina em outra ferramenta.