Stitch
Visitar o siteGere interfaces e código frontend a partir de descrições, esboços e capturas de tela.
Verificado em 3 de nov. de 2026
O que é Stitch?
Stitch é um experimento do Google Labs que usa o Gemini 2.5 Pro para gerar interfaces e código frontend a partir de texto ou imagens. Ele ajuda designers e desenvolvedores a transformar uma ideia inicial de aplicativo em uma interface visual que pode ser refinada e levada para o desenvolvimento.
É possível descrever um aplicativo em inglês, usando linguagem comum e incluindo a paleta de cores e a experiência de uso desejada, ou enviar um esboço, uma captura de tela ou um wireframe como ponto de partida. O Stitch gera interfaces a partir dessas referências e permite fazer ajustes por meio de chat interativo, envio de imagens e seletores de tema. Também é possível criar várias versões para comparar layouts, componentes e estilos.
Para dar continuidade ao trabalho de design, as interfaces geradas podem ser coladas no Figma para edição e colaboração. O Stitch também exporta código frontend com base no design. Seu foco é gerar e refinar interfaces, não construir o backend de um aplicativo.
O que Stitch faz?
Geração de interfaces a partir de texto
Descreva um aplicativo, suas cores e a experiência de uso desejada para gerar uma interface visual.
Design a partir de imagens
Envie um esboço, uma captura de tela ou um wireframe para gerar uma interface digital correspondente.
Refinamento por conversa
Refine os designs gerados por meio de chat interativo, envio de imagens e seletores de tema.
Variações de design
Gere várias versões de uma interface para explorar diferentes layouts, componentes e estilos.
Paste to Figma
Leve os designs gerados para o Figma para continuar os ajustes e colaborar com outras pessoas.
Exportação de código frontend
Exporte código frontend com base em uma interface gerada para dar continuidade ao desenvolvimento.
Para quem é Stitch?
- Designers de UI
- Explore conceitos de interface e leve os designs gerados para o Figma para continuar a edição.
- Desenvolvedores frontend
- Transforme descrições de aplicativos ou referências visuais em designs de interface e código frontend.
Perguntas frequentes
O que posso usar como referência para gerar um design?
Você pode usar descrições em inglês, em linguagem comum, ou enviar imagens como esboços, capturas de tela e wireframes.
Posso editar os designs do Stitch no Figma?
Sim. O Stitch inclui uma função para colar os designs no Figma e continuar o refinamento e a colaboração.
O Stitch gera código?
Sim. Ele gera e exporta código frontend com base no design da interface.
Alternativas a Stitch
Comparar alternativas- 1
FigmaCrie interfaces, aplicativos e sites e colabore com IA em um espaço de trabalho compartilhado. - 2
CanvaCrie apresentações, peças gráficas, fotos e vídeos com ferramentas de design assistidas por IA. - 3
Claude DesignCrie e refine peças visuais da marca, apresentações e protótipos de interfaces com Claude. - 4
Converge.AIAgentes de IA para criar aplicativos, imagens de marketing, peças gráficas e vídeos. - 5
SciDraw AICrie ilustrações científicas e gráficos de dados com exportação em formatos editáveis.