Revisão do Google Stitch (2026): É grátis? Recursos, exportação Figma, MCP e alternativas25 min read

Google Stitch é uma ferramenta gratuita de design de IA do Google Labs que transforma um prompt de texto, uma imagem ou uma referência de site em telas de interface de usuário de alta fidelidade e permite refiná-los em uma tela infinita e exportá-los para Figma, código, Google AI Studio ou Antigravity. Começou em maio de 2025 como um experimento de interface de usuário e se tornou uma tela de design nativa de IA em março de 2026. Esta análise é para designers, gerentes de produto e fundadores que desejam saber o que o Stitch faz bem, onde ele para e se pode substituir o Figma.

Os fatos refletem os próprios anúncios do Google, documentos de desenvolvedores do Google e relatórios públicos de usuários em novembro de 2026. Stitch é um produto do Google Labs, portanto, os recursos e limites mudam com frequência. Confirme os detalhes atuais em stitch.withgoogle.com. Esta análise baseia-se no material oficial do Google e em relatórios públicos de usuários.

Nosso veredicto em uma linha: Stitch é a melhor maneira gratuita de explorar rapidamente as instruções da IU, e suas ligações com o Google AI Studio e o Antigravity são genuinamente úteis para construtores. Não é um substituto do Figma. A produção pode parecer genérica, as exportações para Figma geralmente chegam como uma estrutura plana e o Google não publica um limite firme de nível gratuito ou um plano de longo prazo. Abaixo você encontrará os recursos, limites, Figma e exportação de código, MCP, um passo a passo com exemplos de prompts, o que os usuários dizem e as melhores alternativas, incluindo o Anima Playground.

Na era da IA, design é código. Para projetar diretamente em código com IA ou para transformar seus designs Figma em código, use Anima Playground: descreva uma tela ou comece a partir de um design Figma e continue iterando em um aplicativo editável que você pode visualizar e publicar.

Revisão do Google Stitch: veredicto rápido

Melhor para exploração gratuita e para construtores na pilha do Google. Menos adequado para equipes que precisam de componentes nativos do Figma, controle rígido da marca ou produto garantido de longo prazo.

O que é o Google Stitch?

Stitch é um experimento do Google Labs que gera interfaces de usuário a partir de linguagem natural, imagens e outros contextos. O Google adquiriu o Galileo AI em maio de 2025 e lançou o Stitch no Google I/O naquele mês, baseado no Gemini 2.5. Os usuários do Galileo tiveram 30 dias para migrar. Se você pesquisou Galileo AI, este é o produto que o substituiu.

Linha do tempo do que mudou

Recursos do Google Stitch em 2026

Prompt, imagem, URL ou voz para UI

Você pode começar explicando o objetivo do negócio, o sentimento que deseja ou uma referência, em vez de desenhar um wireframe. Stitch também aceita imagens, texto e código como contexto na tela, e você pode falar com a tela para receber críticas e alterações ao vivo. A caixa de prompt possui uma alternância de aplicativo e Web e um seletor de modelo, que as próprias demonstrações do Google mostram como opções como 3 Flash e 3.1 Pro.

Tela infinita, agente de design e gerenciador de agente

A tela contém telas, referências e ideias em um só lugar. O agente de design raciocina durante todo o projeto e o gerente do agente rastreia diversas explorações em paralelo. No I/O 2026, o Google adicionou streaming em tempo real, para que você assista Stitch construir uma página e possa orientá-la antes que ela termine.

Sistemas de design e DESIGN.md

Stitch pode extrair um sistema de design de qualquer URL e usa DESIGN.md, um arquivo Markdown com tokens de design em YAML, além de justificativa escrita para cores, tipo, espaçamento e componentes. Você pode exportá-lo, importá-lo para outro projeto Stitch ou compartilhá-lo com um agente de codificação. O Google abriu o código-fonte do rascunho das especificações em abril de 2026 para que outras ferramentas possam usá-lo.

Protótipos instantâneos

Você pode vincular telas e pressionar Play para clicar em um fluxo. O Stitch também pode gerar próximas telas lógicas a partir de um clique, que mapeia uma jornada rapidamente. Para saber por que fluxos e protótipos são importantes em diferentes estágios, consulte wireframes vs protótipos.

Compartilhe, publique e exporte

Na tela, você pode criar um link compartilhável por meio do Google AI Studio, exportar para o Google Antigravity para adicionar lógica de back-end ou publicar na web com o Netlify. O próprio painel de exportação do Google na demonstração I/O lista Google AI Studio, Google Antigravity via MCP e Figma.

O Google Stitch é gratuito? Preços e limites

Sim. Stitch é gratuito com uma conta do Google em stitch.withgoogle.com e não há plano pago. É um produto do Google Labs, disponível para maiores de 18 anos em um grande número de países, portanto, pode não ser oferecido em todos os lugares.

O conselho prático é explorar no modo Rápido, salvar o modelo Pro para as telas que você planeja enviar e exportar o trabalho concluído no mesmo dia.

Google Stitch to Figma: como funciona a exportação

Stitch suporta copiar para Figma e colar, e o Google mostra Figma em seu painel de exportação. Na prática, os detalhes são importantes:

• Relatórios no fórum de desenvolvedores do Google e no Reddit dizem que Copiar para Figma não é oferecido para designs feitos nos modos Thinking ou Pro, portanto, a qualidade e a exportação do Figma podem seguir em direções opostas.
• Os usuários do Reddit descrevem importações onde o texto chega à medida que vetores e quadros são usados como espaçamento dentro do layout automático, portanto, grande parte do resultado precisa ser reconstruída.
• Uma solução comum é baixar o código Stitch e trazê-lo para o Figma com um plugin como html.to.design, que tende a fornecer uma importação mais fiel.

O fluxo de trabalho sensato é terminar a iteração no Stitch, exportar uma vez e, em seguida, reconstruir os componentes e tokens adequados no Figma. Cada regeneração invalida a limpeza manual feita em uma exportação anterior. Se você quer um agente dentro do Figma que já respeite seus componentes, dê uma olhada no Anima’s Buddy ou Nodey do piloto UX.

Exportação de código do Google Stitch e MCP

Stitch produziu código front-end desde o lançamento, e as análises descrevem HTML com classes Tailwind que os desenvolvedores podem usar como ponto de partida. Trate-o como um andaime: um grande componente com dados estáticos é um resultado comum, portanto planeje dividir os componentes e o estado da fiação.

O servidor Stitch MCP e o SDK são a história mais interessante do desenvolvedor. Um agente de codificação como o Google Antigravity pode buscar seu projeto, ler os tokens e telas de design e construir a partir deles. O próprio codelab do Google explica como criar uma chave de API nas configurações do Stitch, adicionar o Stitch MCP no Antigravity, gerar um DESIGN.md e construir um site React e Tailwind. A referência do MCP lista ferramentas para criar projetos, gerar telas a partir de texto, editar telas, gerar variantes e gerenciar sistemas de design, incluindo o upload de um DESIGN.md.

Se o seu objetivo final for um aplicativo React ou HTML funcional, em vez de um arquivo de design, compare esta rota com Anima Playground, que cria o aplicativo editável diretamente.

Como usar o Google Stitch: um passo a passo

Este passo a passo segue os próprios anúncios do Google, documentos de desenvolvedores e vídeos de demonstração de I/O. As instruções abaixo são pontos de partida para você experimentar e os resultados variam de corrida para corrida. As imagens são visuais oficiais do Google, creditadas como tal, além de uma visualização da página de destino pública. O Stitch muda com frequência, portanto, os nomes dos botões e dos modelos podem ser diferentes quando você o abre.

Se você também quiser comparar ferramentas, tente o mesmo prompt de troca de planta abaixo no Stitch e no UX Pilot. Nosso Revisão do piloto UX mostra como ficou aquele prompt, para que você possa comparar os dois com a lista de verificação no final.

Etapa 1: abra o Stitch e faça login

Acesse stitch.withgoogle.com e faça login com uma conta do Google. Stitch é um produto do Google Labs para maiores de 18 anos nos países suportados. A página de destino pública é uma caixa de prompt única com alternância entre aplicativo e Web, um chip de modelo e algumas sugestões iniciais.

No momento em que este artigo foi escrito, o chip do modelo na página pública dizia Equilibrado, enquanto os quadros de demonstração de E/S do Google mostram nomes de modelos como 3 Flash e 3.1 Pro. Os nomes e as opções mudam entre os lançamentos, então escolha as opções rápidas e de alta qualidade que o aplicativo oferece no dia.

Passo 2: escolha App ou Web e um modelo

A alternância informa ao Stitch se você está projetando um aplicativo móvel nativo ou uma página da web. A própria demonstração do Google usa Web. Para a solicitação de troca de planta abaixo, escolha Aplicativo. Para proteger suas gerações livres, explore o modelo mais rápido e mantenha o modelo de maior qualidade para as telas que você planeja enviar. Os limites são abordados acima na seção de preços.

Etapa 3: escreva um prompt, com contexto

A orientação do Google é começar com o objetivo do negócio, o sentimento que você deseja que os usuários tenham ou exemplos do que o inspira, em vez de um wireframe. Stitch também aceita imagens, texto e código como contexto na tela e pode extrair um sistema de design de uma URL. Aqui está o prompt de demonstração do próprio Google no vídeo I/O, conforme mostrado na tela na imagem da caixa de prompt anteriormente nesta revisão:

crie uma página de destino responsiva para willamette pizza co. para a paleta de cores, vamos fazer com que o fundo primário seja um branco quente, o fundo secundário seja um azul celeste brilhante e suave e tenha uma cor de destaque azul celeste vibrante…

E aqui está um resumo que você pode experimentar tanto no Stitch quanto no UX Pilot. Escolha App, cole e envie:

Um aplicativo móvel para uma comunidade de troca de plantas de bairro: feed inicial, página de detalhes da planta e tela de bate-papo. Sotaque limpo, amigável e verde.

Dicas que seguem as orientações do Google: nomeie as telas desejadas, declare a sensação (limpa, amigável), dê uma cor de destaque e anexe uma imagem de referência, se tiver uma.

Etapa 4: observe-o gerar e dirigir

No I/O 2026, o Google disse que o Stitch agora transmite seu trabalho diretamente para a tela, para que você possa ver uma página tomar forma. O Stitch Agent permite orientar iterações antes que o resultado seja final, e o Agent Manager rastreia várias explorações em paralelo. Na demonstração do Google você também pode falar com a tela para pedir críticas ou alterações.

Etapa 5: edite com instruções de acompanhamento

Assim que existirem telas, refine-as com breves acompanhamentos no chat ou selecione uma tela e peça uma alteração. A referência MCP do Stitch também lista ferramentas para editar telas e gerar variantes, o que é útil quando você deseja várias direções de uma tela. Um acompanhamento que você pode experimentar no resultado da troca de planta:

Transforme o feed inicial em uma grade de 2 colunas e adicione uma barra de pesquisa

Ao comparar ferramentas, observe se o resto da tela permanece o mesmo após uma edição, porque as edições no estilo regenerado podem alterar áreas sobre as quais você não perguntou.

Etapa 6: aplique um sistema de design com DESIGN.md

Stitch pode extrair um sistema de design de uma URL e armazena regras de design em DESIGN.md, um arquivo Markdown com tokens e justificativa escrita. Você pode exportá-lo, importá-lo para outro projeto do Stitch ou entregá-lo a um agente de codificação. A demonstração do Google aplica um sistema de design a um site inteiro com um prompt em linguagem simples:

Aplique este sistema de design a todo o site.

Passo 7: vincule as telas e pressione Play

O Google diz que você pode unir telas em segundos e clicar em Reproduzir para visualizar o fluxo. O Stitch também pode gerar próximas telas lógicas a partir de um clique, o que ajuda a mapear uma jornada rapidamente. Para o aplicativo de troca de planta, vincule o feed à página de detalhes e a página de detalhes ao chat e clique.

Etapa 8: compartilhar e exportar

Quando terminar, abra Exportar. A demonstração de I/O do Google mostra Google AI Studio, Google Antigravity via MCP e Figma. Você também pode criar um link compartilhável por meio do AI Studio ou publicar na web com o Netlify. Para desenvolvedores, o Stitch MCP e o SDK precisam de uma chave de API nas configurações do Stitch, conforme descreve o codelab do Google. Leia as notas de exportação do Figma acima antes de confiar no Copy to Figma.

Uma lista de verificação para julgar seu próprio resultado

• Todas as telas que você nomeou existem, com conteúdo realista em vez de texto de espaço reservado?
• A cor e o tipo de destaque são consistentes nas telas?
• Após o prompt de edição, apenas a área solicitada foi alterada?
• Quantas gerações a exploração utilizou e quanto tempo demorou a limpeza no Figma?

Fontes: Google’s anúncio de design de vibração, o Atualização de design de E/S em tempo real e o Anúncio DESIGN.md.

O que os usuários dizem sobre o Google Stitch

• Elogiado: velocidade, um nível gratuito generoso, geração de múltiplas telas, tela, extração do sistema de design e links do desenvolvedor para AI Studio, Antigravity e MCP.
• Criticado: saída simples ou genérica, mesmo com referências, controle fraco em SaaS complexos e projetos empresariais, exportações Figma que precisam ser reconstruídas, atingindo limites mensais de geração e erros ocasionais de geração relatados no fórum do Google.

Um designer do r/UX_Design diz que Stitch é “uma ferramenta incrível de idealização e iteração rápida”, mas os resultados permaneceram “muito simples e genéricos” mesmo depois de adicionar referências. Um usuário do r/StitchAI diz que muito do que eles recebem deve ser recriado do zero após importar para o Figma. Ambos são relatórios individuais, não taxas medidas.

Prós e contras do Google Stitch

Google Stitch vs Figma: o Stitch pode substituir o Figma?

Não, e o Google não posiciona dessa forma. Stitch é dono da fase zero a um: explorar direções, obter um primeiro design e passá-lo para o código. Figma possui refinamento, componentes, variáveis, colaboração e transferência para grandes equipes. Os dois se encontram na etapa de exportação, que é onde está a maior parte do atrito.

Se você quiser ver a ferramenta de protótipo de IA da Figma, leia nosso guia para Figma Make.

Melhores alternativas ao Google Stitch

1. Anima Playground

Escolha Anima Playground quando quiser projetar diretamente no código. Descreva uma tela ou comece com um design Figma, uma imagem ou URL de um site e, em seguida, continue iterando em um aplicativo HTML editável ou React que você pode visualizar, compartilhar e publicar. Stitch é uma ferramenta de exploração de design que exporta código. O Playground trata o aplicativo funcional como o design, de modo que o espaçamento, os estados e o comportamento responsivo ficam visíveis enquanto você itera. Não é uma fonte de camadas nativas do Figma, então combine-o com o plugin Anima Figma ou Buddy se precisar.

2. Piloto de experiência do usuário

Melhor para equipes centradas no Figma: o Nodey roda dentro do Figma, importa seus componentes e gera camadas nativas. Custa créditos além de uma diária gratuita. Veja nosso Revisão do piloto UX.

3. Figma Faça

Protótipos interativos dentro do Figma. Leia o que é Figma Make ou o Comparação Figma Make vs Anima Playground.

4. Cláudio Design

Conceitos, slides e protótipos conduzidos por bate-papo com transferência do Código Claude. Veja nosso Crítica de design de Claude.

5. Amigo da Anima

Um agente de design de IA dentro do Figma que usa o contexto do seu sistema de design. Escolha-o se quiser permanecer na tela Figma.

Quem deve usar o Google Stitch?

• Fundadores e PMs que precisam de um primeiro design confiável sem pagar por uma ferramenta.
• Designers explorando muitas direções antes de abrir o Figma.
• Desenvolvedores que desejam contexto de design para Antigravidade ou outro agente compatível com MCP.

Procure outro lugar se você precisa de controle rigoroso da marca, componentes Figma nativos, capacidade garantida ou um produto estável a longo prazo.

Veredicto final: o Google Stitch vale a pena?

Sim, como uma ferramenta de exploração gratuita. Use-o para obter várias instruções rapidamente, depois mova o vencedor para o Figma ou um agente de codificação e exporte no mesmo dia. Não planeje um fluxo de trabalho de agência em torno disso até que o Google publique limites e um roteiro. Se você deseja que o design e o aplicativo funcional permaneçam juntos, experimente o Anima Playground a seguir.

Projete diretamente no código com IA

Projete com IA: descreva uma tela ou transforme os designs do Figma em código.

Perguntas frequentes sobre o Google Stitch

O que é o Google Stitch?

Google Stitch é uma ferramenta de IA do Google Labs que gera designs de interface de usuário de alta fidelidade e código front-end a partir de prompts de texto, imagens e outros contextos em uma tela infinita. Foi lançado em maio de 2025 e substituiu o Galileo AI, que o Google adquiriu.

O Google Stitch é gratuito?

Sim. Stitch é gratuito com uma conta do Google e não possui plano pago. Aplicam-se limites mensais de geração, e o suporte do Google citou 350 gerações padrão e 50 experimentais por mês em agosto de 2025. Os relatórios posteriores diferem, portanto, verifique o limite atual no aplicativo.

Como faço login no Google Stitch?

Acesse stitch.withgoogle.com e faça login com uma conta do Google. Stitch é um produto do Google Labs para usuários maiores de 18 anos e pode não estar disponível em todos os países.

O Google Stitch pode exportar para Figma?

Sim, com Copiar para Figma e Colar, mas é relatado como indisponível para alguns modos e geralmente chega como camadas planas. Muitos usuários baixam o código e o importam com um plugin como html.to.design.

O Google Stitch possui um servidor MCP?

Sim. O servidor Stitch MCP e o SDK permitem que agentes de codificação como o Google Antigravity leiam seus projetos, gerem telas e usem seu sistema de design. Você cria uma chave de API nas configurações do Stitch para se conectar.

Quais são as melhores alternativas do Google Stitch?

O Anima Playground é uma escolha forte se você deseja um aplicativo HTML ou React editável a partir de um prompt ou design Figma. UX Pilot é adequado para equipes Figma, Figma Make é adequado para protótipos interativos no Figma e Claude Design é adequado para conceitos conduzidos por chat.