spdup.net

Notícias de tecnologia

A atualização do Google Stitch 3.0 traz a IA Gemini 2.5 Pro, geração de variações e ferramentas colaborativas.


A atualização do Google Stitch 3.0 traz a IA Gemini 2.5 Pro, geração de variações e ferramentas colaborativas.

Introdução

A plataforma de design Stitch, orientada por IA da Google, lançou uma atualização substancial — Stitch 3.0. A nova versão move a ferramenta de um protótipo promissor para um ambiente pronto para produção, permitindo prototipagem rápida de UI. Ao integrar o modelo Gemini 2.5 Pro, expandir as capacidades de geração e aprimorar os recursos de colaboração, o Stitch oferece agora aos designers um fluxo de trabalho mais confiável, eficiente e coeso.

Visão geral do Stitch 3.0

O Stitch surgiu como um assistente de design independente (originalmente chamado Galileo) antes de ser adquirido pela Google. Ele permite que os usuários gerem telas de UI a partir de prompts de texto, importem arquivos existentes do Figma, iterem com IA e exportem ativos como imagens ou código (HTML/Tailwind). Embora nunca tenha sido um substituto completo para ferramentas de design consolidadas, os aprimoramentos mais recentes o aproximam significativamente desse objetivo.

Atualização do modelo de IA – Gemini 2.5 Pro

O núcleo do agente de design do Stitch foi atualizado para Gemini 2.5 Pro. Esse modelo oferece:

  • Layouts mais refinados – espaçamento, alinhamento e hierarquia parecem intencionais, e não placeholders.
  • Tipografia aprimorada – as escolhas de fontes combinam com a linguagem visual do design.
  • Melhores combinações de imagem e fonte – resultando em mock‑ups mais realistas.

Testes com usuários relataram forte preferência pelos novos resultados, confirmando que a IA agora produz designs com intenção de design genuína.

Polimento da UI e da Interação

Além do núcleo de IA, o Stitch 3.0 traz várias melhorias de usabilidade:

  • Tooltips mais suaves e layout geral mais limpo.
  • Redução de falhas visuais ao alternar entre telas.
  • Limites ampliados do modo experimental, permitindo mais gerações de alta qualidade por mês.
  • Suporte à tradução para mais de 30 localidades, útil para exploração de produtos multilíngues.

Principais Novas Funcionalidades

Geração de Variações

O botão Variação permite que designers cliquem em qualquer tela e recebam instantaneamente múltiplos layouts alternativos, opções de espaçamento ou direções estilísticas sem precisar refazer o prompt. Atualizações futuras prometem prompts personalizados para estilos de variante específicos (por exemplo, minimalista vs. ousado).

Geração de Fluxo no Canvas

Designers agora podem solicitar ao Stitch que gere um fluxo de usuário completo — como uma sequência de onboarding de cadastro — em um único comando. A ferramenta cria um conjunto de telas interconectadas e fornece ativos de imagem realistas, reduzindo drasticamente o tempo necessário para mapear jornadas de produto.

Organizador

Quando os canvases ficam desorganizados, o Organizador limpa e dispõe todas as telas em uma grade ordenada com um único clique, restaurando a ordem e economizando tempo valioso de layout.

Seleção Múltipla e Prompts em Lote

Manter a tecla Shift habilita a seleção múltipla de telas. Um único prompt pode então ser aplicado à seleção, garantindo atualizações consistentes (por exemplo, arredondar todos os botões primários ou ajustar contraste) sem edições manuais repetitivas.

Compartilhamento e Colaboração

O Stitch agora oferece links compartilháveis somente leitura que permitem que stakeholders visualizem projetos sem fazer login. Esse recurso prepara o terreno para forks colaborativos futuros e templates compartilhados, facilitando revisões de clientes e processos de QA.

Sugestões de Prompt de Follow‑Up

Após gerar uma tela, o Stitch propõe prompts contextuais de follow‑up (por exemplo, “Adicionar tela de configurações” ou “Criar checklist de onboarding”). A aceitação com um clique estende o projeto, mantendo o ritmo criativo.

Opções de Exportação

Os designs podem ser exportados como:

  • Imagens para referência visual.
  • Código HTML/Tailwind CSS, com estruturas de classes coerentes prontas para desenvolvimento front‑end. Embora ainda falte uma exportação direta para React, a saída em Tailwind oferece um ponto de entrega prático para engenheiros.

Uma visualização em tela cheia dentro do app e um botão de download rápido aceleram ainda mais a obtenção dos ativos.

Demonstração Prática

Usando o modelo experimental Gemini 2.5 Pro, um designer solicitou ao Stitch a criação de um app de rastreamento de filmes com autenticação, tela de avaliação e opção de tema escuro. O Stitch produziu um fluxo de múltiplas telas com ativos realistas, tipografia polida e espaçamento equilibrado.

Aplicando um prompt em lote a todas as telas — “Tornar os botões primários em forma de pílula, aumentar o contraste dos CTAs e usar um tom de destaque mais quente” — o fluxo inteiro foi atualizado em segundos, demonstrando o poder da seleção múltipla combinada com prompts em lote.

Conclusão

O Stitch 3.0 representa um passo decisivo rumo a um assistente de design por IA de nível de produção. A integração do Gemini 2.5 Pro, juntamente com recursos como Variação, Geração de fluxo no canvas, Organizador, prompts em lote com seleção múltipla e links compartilháveis, melhora drasticamente a velocidade de iteração, a consistência e a colaboração.

Para designers que já experimentaram o Stitch e o deixaram de lado, a atualização mais recente oferece um motivo convincente para voltar. A plataforma agora parece robusta o suficiente para prototipagem rápida e design de produtos em estágios iniciais, posicionando‑se como um complemento valioso às ferramentas de design tradicionais como o Figma.

Assistir Vídeo Original