Stitch 2.0 by Google
Google · Imagem · Programação
O Stitch 2.0 do Google é uma ferramenta gratuita de design de UI com IA que roda no navegador e transforma linguagem natural, comandos de voz e imagens de referência em designs de interface de alta fidelidade e código front-end funcional. Ele roda numa tela infinita onde você solta capturas de inspiração, trechos de React e notas, e então um agente de design monta telas com tudo isso. O Google apresenta a ferramenta como uma plataforma de design por sensações: você descreve a sensação que quer, não a grade de pixels. Se você vinha rabiscando wireframes antes de conseguir começar, esta ferramenta pula essa etapa inteira.
Sobre Stitch 2.0 by Google
O que é o Stitch 2.0 do Google
O Stitch 2.0 do Google é o ambiente de design nativo de IA do Google Labs para interfaces mobile e web. A primeira versão, mostrada no Google I/O 2025, era um gerador unidirecional de texto para UI: você digitava uma descrição, ele entregava uma tela, e você exportava o código ou enviava para o Figma. A versão 2.0 foi reconstruída em torno de uma tela infinita e de um agente de design que mantém o contexto ao longo de todo um projeto.
A mudança importa. Em vez de gerar uma tela por vez, o Stitch 2.0 raciocina sobre todo o seu projeto, acompanha várias direções de design em paralelo e oferece feedback sobre layouts que podem confundir os usuários. Você pode puxar um sistema de design direto de qualquer URL, percorrer interações com um botão de play e ouvir sugestões como um parceiro de design daria. Isso está muito longe de uma caixa de prompt com um spinner.
O porém: ele funciona melhor quando você consegue descrever o que quer. Prompts vagos geram resultados vagos. A ferramenta também se apoia bastante no estilo de componentes do próprio Google, então o resultado pode soar um pouco Google, e ainda é um experimento do Google Labs, então recursos e limites mudam. Mesmo assim, para uma ferramenta gratuita de design de UI com IA, o teto é alto.
Como começar
- Acesse stitch.withgoogle.com e entre com uma conta Google. Você precisa ter 18 anos ou mais.
- Escolha um modo: Padrão para rascunhos rápidos ou Experimental para trabalho de maior fidelidade com imagens de referência.
- Descreva a tela em palavras simples, envie um esboço ou captura de tela, ou diga a direção em voz alta.
- Deixe a IA gerar várias opções e depois refine com prompts de acompanhamento, um painel de edição de tema ou um clique.
- Exporte o resultado como código front-end, envie para o Figma ou salve o sistema de design como um arquivo DESIGN.md.
Informações do produto
Uma visão rápida dos preços, das plataformas compatíveis e do desempenho de Stitch 2.0 by Google.
Ideal para
Os usuários, tarefas e cenários em que esta ferramenta se encaixa melhor.
Usuários
- Designers de produto
- Desenvolvedores front-end
- Fundadores e criadores solo
- Estudantes e iniciantes
Tarefas
- Transformar uma ideia bruta em várias opções de UI
- Extrair um sistema de design de um site ao vivo
- Tornar um design estático clicável
- Levar o resultado da IA para um arquivo de design real
Cenários
- Um sprint de MVP no sábado de manhã
- Dar uma aula sobre estrutura de interfaces
- Explorar um rebranding
- Apresentar uma ideia a um cliente
Principais recursos
Tela infinita com contexto completo do projeto
A tela é a mudança central da versão 2.0. Fixe imagens de referência, cole código e adicione notas de texto onde quiser. A IA trata tudo isso como contexto, não apenas o seu último prompt. Solte a captura do painel de um concorrente e o seu código de componentes ao lado de uma nota sobre o setor, e o Stitch constrói algo que respeita as três coisas. Fica mais perto de como a mesa de um designer realmente se parece.
Agente de design e gerente de agentes
O Stitch 2.0 adiciona um agente de design que entende a estrutura de um projeto, as relações entre páginas e a lógica de um fluxo de usuário. Ele não só responde a comandos. Ele revisa o que você fez e sinaliza layouts que quebram boas práticas ou cores que saem da marca. O gerente de agentes roda vários deles em paralelo, então telas ou direções diferentes avançam ao mesmo tempo em vez de uma por uma.
Design por sensações a partir de voz e imagens
A proposta por trás do design por sensações é que você não deveria ter que começar por um wireframe. Descreva a sensação, não o layout: um app financeiro acolhedor e confiável, ou um gerenciador de projetos limpo com mais personalidade que o Notion. Soa familiar? Essa é a meta. Você também pode falar a direção e ver a tela se atualizar em tempo real, ou enviar um esboço e deixar a ferramenta interpretá-lo. É um ponto de partida mais solto, e às vezes é exatamente o que desbloqueia um projeto.
Exportação de código e para o Figma
Todo design vem com código front-end que você pode copiar ou jogar num app. Envie para o Figma e a estrutura de camadas, o auto-layout e os componentes se mantêm, o que significa que a IA faz a primeira passada e uma pessoa faz o trabalho de detalhe. O código chega como um ponto de partida razoável em HTML e Tailwind. Não é uma build terminada. Espere ter que arrumar.
Sistemas de design de qualquer URL e DESIGN.md
Aponte o Stitch para uma URL ao vivo e ele extrai um sistema de design utilizável, com paleta, tipografia e componentes. A partir daí a ferramenta pode aplicar esse sistema a telas novas para que tudo se mantenha consistente. Ele também exporta um arquivo DESIGN.md amigável a agentes, que deixa você mover regras de design entre projetos do Stitch ou sincronizá-las com ferramentas externas. É uma economia de tempo de verdade.
Protótipos interativos e conexões com ferramentas externas
Um botão de play transforma um design estático em algo que você pode clicar, com o Stitch gerando a próxima tela lógica depois de cada toque. Para equipes que vivem num editor de código, há um servidor MCP e um SDK do Stitch para que agentes externos como Cursor, Antigravity ou Gemini CLI se conectem a um projeto e ampliem o que ele faz.
Prós e contras
Prós
- É gratuito com uma conta Google, o que remove a fricção de preço de sempre ao testar uma ferramenta de design com IA.
- A tela infinita e o agente de design mantêm o contexto ao longo de todo um projeto, não só de uma tela.
- Exporta código front-end de verdade e entrega ao Figma com camadas e auto-layout intactos.
- Entrada por voz e imagem baixa a barreira para quem não sabe esboçar nem escrever prompts detalhados.
- O suporte a servidor MCP faz com que ele se dê bem com agentes de código externos.
Contras
- O resultado tende ao estilo de componentes do Google, então os designs podem ficar parecidos entre si a menos que você force bastante no tema.
- Ainda é um experimento do Google Labs, então recursos, limites e disponibilidade mudam sem muito aviso.
- Prompts vagos geram resultados vagos. Se você não consegue descrever o que quer, a ferramenta não vai adivinhar bem.
- O código gerado é um ponto de partida, não está pronto para produção, então os desenvolvedores ainda precisam revisar e corrigir.
Perguntas frequentes
Sim. O Stitch é gratuito, e tudo o que você precisa é de uma conta Google e ter 18 anos ou mais. Não há um nível pago para a ferramenta em si.
Conteúdo relacionado
Explore ferramentas, skills e artigos relacionados a Stitch 2.0 by Google.
Alternativas a Stitch 2.0 by Google
X Ray Interpreter
X-ray Interpreter · ImagemO X Ray Interpreter é uma ferramenta de radiologia com IA baseada na web que transforma raios X, tomografias, ressonâncias, ultrassonografias e imagens PET em laudos em linguagem simples. Você envia um exame, recebe uma interpretação preliminar dos raios X em instantes e depois faz perguntas de acompanhamento se algo precisar de explicação. Ele funciona como segunda opinião e como apoio de aprendizado, não como diagnóstico médico.
Aieasypic
AIEasyPic · ImagemO AIEasyPic é um gerador de imagens com IA que transforma prompts de texto simples em obras finalizadas em segundos. Você também pode treinar modelos personalizados com suas próprias fotos, trocar rostos em imagens existentes e criar clipes de vídeo curtos a partir de texto, tudo pelo navegador. Ele serve tanto para criadores casuais que querem imagens rápidas quanto para hobistas que desejam montar um modelo pessoal sem tocar em código.
Chargen
Chargen · ImagemO Chargen é um gerador de personagens com IA e um conjunto de ferramentas de criação de mundos feito para Dungeons & Dragons e outros RPGs de mesa. Ele transforma uma ideia de uma linha em um retrato de personagem pintado, cria NPCs, monstros, mapas e encontros na mesma sessão, e mantém os detalhes de cada criatura à mão. A parte de arte para RPG de mesa funciona com um sistema de créditos chamado Gold, enquanto os geradores de texto seguem gratuitos para todos.