Google atualizou o Stitch com "vibe design" e as ações da Figma caíram quase 12% em dois dias.
O conceito: em vez de montar wireframes e componentes manualmente, você descreve o que quer em linguagem natural. "Quero algo premium e minimalista, tipo Stripe." O Stitch gera múltiplas direções de UI completas. Tem até um Voice Canvas onde você conversa com o agente, ele faz perguntas, critica o layout e ajusta em tempo real enquanto vocês falam.
O Stitch exporta pra Figma, gera HTML/CSS, conecta com Claude Code e Cursor via MCP, e tem SDK próprio. 350 gerações por mês no plano gratuito. Sem cartão de crédito.
O mercado reagiu rápido. Mas a reação do mercado nem sempre acerta a análise.
Quem usa Figma pra produção sabe que a parte difícil é manter consistência num design system com 200 componentes, 14 variantes de botão e 3 breakpoints. Gerar uma tela bonita qualquer ferramenta faz. O trabalho de refinamento de 1 pra 100 é o que define a qualidade.
O Stitch resolve bem o problema de 0 a 1. Ideação rápida, prototipação, exploração visual. Validar uma ideia com stakeholders antes de investir semanas de design ficou mais rápido.
Mas design systems em produção, com tokens, acessibilidade, edge cases de layout? Isso ainda é Figma. Pelo menos por enquanto.
O que me preocupa é a velocidade com que a expectativa dos stakeholders vai mudar. Se um PM pode gerar 5 telas com o Stitch em 10 minutos, a tolerância pra prazos de design vai encolher. Mesmo que o resultado precise de 3 dias de refinamento depois.
O Stitch funciona bem pra ideação e validação inicial. Trocar o Figma do workflow de produção? Ainda não.
Onde o Stitch cabe no fluxo sem virar dono do sistema
O Google Labs redesenhou o Stitch como canvas infinito: várias direções visuais, prototipação clicável, um agente que acompanha a evolução do projeto e Voice Canvas para criticar o layout enquanto você fala. Dá para colar imagem, texto ou código como contexto. Dá para extrair um design system de uma URL ou carregar regras num DESIGN.md e reaplicar noutro projeto.
Isso resolve a página em branco e a reunião em que ninguém consegue imaginar o produto. O fluxo de produção de um time com biblioteca viva tem outro dono. Tokens, variantes, breakpoints e estados de componente já estão no Figma ou no código. Se cinco telas geradas virarem "handoff" na hora, o sistema some do caminho.
MCP, SDK e export HTML/CSS aceleram a ida para o dev. Eles não conferem contraste, ordem de foco, copy longa nem o botão que o time mantém em 14 variantes. Quem recebe o export precisa saber se está olhando exploração ou contrato.
O que medir quando o protótipo chega em dez minutos
O vibe design muda a expectativa na mesma velocidade da ferramenta. Se um PM gera cinco direções em dez minutos, o pedido seguinte tende a ser "escolhe uma e fecha". Sem um bloco explícito no calendário para o caminho de 1 a 100, o refinamento vira folga que ninguém nomeou.
Registre o intervalo entre o primeiro protótipo compartilhado e o momento em que a tela entra no sistema com tokens, vazio, erro, mobile e conteúdo real. Conte também quantas gerações morrem na exploração e quantas entram em review de design. Se a segunda conta crescer e a primeira ficar igual, o time está acumulando dívida visual com aparência de velocidade.
O plano gratuito com 350 gerações por mês cobre um piloto de ideação. Volume de gerações é métrica de exploração. Consistência, acessibilidade e horas de encaixe no sistema continuam sendo as métricas de produção. Trate as duas famílias em separado no relatório para stakeholder, senão a reunião só vê o canvas cheio.
O checklist que o Voice Canvas não herda sozinho
"Quero algo premium e minimalista, tipo Stripe" descreve atmosfera. Não descreve o token de espaçamento, o estado disabled, o formulário com erro, o rótulo de 40 caracteres no botão nem o leitor de tela no modal. O agente pode entrevistar e criticar em tempo real. O checklist do time continua no time.
Antes de promover uma direção, rode o que vocês já exigem no arquivo de produção: contraste, alvo de toque, teclado, conteúdo extremo, i18n se o produto tiver. Tela que só funciona com copy curta e um breakpoint ainda é protótipo, mesmo bonita e clicável.
DESIGN.md é contexto para o agente, útil para não reinventar cor e tipo a cada projeto Stitch. Se a fonte da verdade do produto for Figma mais código, o markdown precisa nascer dali. Invertendo a ordem, o time passa a ter dois sistemas que divergem na segunda sprint.
Exportar um frame não move a governança
O mercado leu o export para Figma como ocupação de território. Exportar um frame é barato. Manter 200 componentes, três breakpoints e a biblioteca que a engenharia consome é o trabalho que pesa no custo.
Uma política que dá para sustentar: Stitch para descoberta e alinhamento; Figma para componente, handoff e QA visual. Quem liga Cursor ou Claude Code via MCP ainda precisa de critério de aceite no código. Pixel parecido com o mockup gerado não garante que o produto cabe no sistema.
O que me preocupa é o prazo de design encolher no calendário enquanto o 1-para-100 permanece. Se o time adotar o Stitch, o kickoff tem que trazer o número de dias (ou horas) ainda reservados para refinamento. Sem esse número escrito, a geração rápida só antecipa a briga pela data.
