Da ideia ao app: apresentamos o Stitch, uma nova maneira de projetar IUs

A criação de ótimos aplicativos sempre se resume a uma excelente parceria entre design e desenvolvimento. Os designers idealizam a experiência do usuário, criando interfaces intuitivas e envolventes. Em seguida, os desenvolvedores dão vida a esses designs com código funcional. A conexão das ideias de design ao código funcional sempre exigiu muito esforço manual e comunicação.

Esse é precisamente o problema que o Stitch pretende resolver. O Stitch é um novo experimento do Google Labs que permite transformar simples entradas de prompt e imagem em designs de IU complexos e código de front-end em questão de minutos.

O Stitch nasceu de uma ideia entre um designer e um engenheiro, ambos buscando criar um produto que otimizasse seus respectivos fluxos de trabalho. Ele aproveita os recursos multimodais do Gemini 2.5 Pro para criar um fluxo de trabalho mais fluido e integrado entre o design e o desenvolvimento. E, com a opção de refinar seu design com entradas de imagem, um chat interativo, seletores de temas e uma função de colagem no Figma, o Stitch permite que você realmente se concentre no design criativo e nas necessidades de desenvolvimento.

Veja o que o Stitch já oferece para melhorar o processo de design e desenvolvimento:

Geração de IU a partir de linguagem natural

Descreva o aplicativo que você deseja criar em inglês normal, incluindo detalhes como paletas de cores ou a experiência do usuário desejada. O Stitch pode gerar uma interface visual adaptada à sua descrição.

Geração de IU a partir de imagens ou esquemas

Tem um esboço de design em um quadro branco, uma captura de tela de uma IU atraente ou um esquema básico? Carregue-o no Stitch, e ele processará a imagem para produzir uma IU digital correspondente, transformando as suas ideias visuais iniciais em um design funcional.

Iteração rápida e exploração do design

O design é um processo iterativo, e o Stitch facilita isso, permitindo que você gere diversas variantes da interface. Experimente diferentes layouts, componentes e estilos para chegar à aparência desejada.

Transição direta para o desenvolvimento

Quando você estiver satisfeito com o design, o Stitch fornece pontes cruciais para o fluxo de trabalho de desenvolvimento:

• Colagem no Figma: o design gerado pode ser colado diretamente no Figma para facilitar o refinamento, a colaboração com as equipes de design e a integração aos sistemas de design existentes.

• Exportação de código de front-end: o Stitch gera código de front-end limpo e funcional com base no design, para que você tenha uma IU totalmente funcional e pronta para uso.

O objetivo do Stitch é habilitar a magia da criação de apps para todos. É um prazer levar essa experiência até você, e mal podemos esperar para ver o que você vai criar com ela.

Experimente o Stitch em stitch.withgoogle.com e conte para a gente o que você achou!

Explore este anúncio e todas as atualizações do Google I/O 2025 no io.google a partir de 22 de maio.