As ferramentas de codificação do Vibe têm esse estranho problema de enquadramento, onde todos falam sobre elas como se fossem para desenvolvedores. Isso pode fazer sentido porque a saída é código e as interfaces dessas ferramentas geralmente se parecem com editores de código. Mas o ponto principal dessas ferramentas é que elas são primeiro uma linguagem natural: elas são projetadas para você descrever o que deseja em linguagem simples e então você pode construí-lo. Esse é o verdadeiro argumento. As ferramentas de codificação Vibe são projetadas para tornar as tarefas de codificação mais acessíveis ao público em geral.
E acho que os designers, especialmente, deveriam entrar neles. Há uma sobreposição crescente entre projetar e conduzir a UI, e as ferramentas que foram construídas com IA primeiro tendem a lidar melhor com isso do que as ferramentas de design que adicionaram IA posteriormente. Antigravidade é algo em que estou interessado há algum tempo e finalmente me sentei para ver se um designer sem experiência em desenvolvedor poderia realmente usá-lo em seu trabalho de design.
Quer se manter atualizado sobre as últimas IA? O boletim informativo XDA AI Insider é publicado semanalmente com análises aprofundadas, recomendações de ferramentas e informações práticas que você não encontrará em nenhum outro lugar do site. Assine alterando suas preferências de boletim informativo!
A primeira configuração do agente faz algo que as ferramentas de design ainda não descobriram
O Antigravity foi lançado em novembro de 2025 como uma plataforma de desenvolvimento para agentes do Google. É tecnicamente um fork do VS Code com uma interface fortemente modificada, mas chamá-lo de IDE é um eufemismo para o que ele realmente faz. Ele possui dois modos, a visualização do editor, que se parece com um editor de código normal, e a superfície do gerenciador, onde você cria agentes que agendam, executam e verificam as próprias tarefas no editor, terminal e navegador. Afinal, você não toca no código a menos que queira. Você descreve a meta, o agente cria um plano, você o aprova e ele fornece o que o Google chama de artefatos. São basicamente planos de implementação, documentos detalhados, capturas de tela e uma prévia que você pode abrir em seu navegador.
Os designers realmente precisam de um agente que verifique seus resultados em um navegador. O agente pode controlar o navegador para verificar seu funcionamento, fazer capturas de tela e repetir a ação com base no que vê. É um ciclo de feedback que a maioria das ferramentas de design tradicionais não possui, e mesmo as ferramentas de design de IA com as quais joguei não fazem exatamente isso. Você também pode escolher modelos – Gemini 3 Pro é o padrão, mas você pode alternar entre Claude Opus ou até mesmo GPT-OSS no meio da sessão. Estou usando minha versão do Gemini 3.5 Flash na configuração Medium, que é gratuita, mas aproveitei mais do que esperava.
Esqueça o cursor e o código de Claude, o Google Antigravity é um exemplo perfeito de codificação de vibração
Pare de codificar, comece a comandar.
Projetar em Antigravidade é como uma equipe de briefing
Você receberá uma versão funcional de sua descrição
A maneira como você projeta no Antigravity dificilmente é um design no sentido tradicional. Você abre uma nova conversa, descreve a IU desejada e o agente cuida de tudo, desde a estrutura de pastas até CSS até iniciar um servidor local para você visualizar. Não há tela para resolver as coisas, então o mais próximo que você chega da “iteração” é voltar ao bate-papo e pedir alterações ou feedback.
Como teste, pedi para criar um painel rastreador de hábitos. Cinco cartões de hábitos em rolagem horizontal, toque para verificar com animação e contador de sequências que realmente atualizam, matriz de pontuação de progresso semanal, botão de ação flutuante com modal de adição de hábito (campo de título, seis opções de ícone, seis opções de cores) e um estado em branco. A direção de estilo foi Things 3 e Duolingo com fundo esbranquiçado quente.
Primeiro desenvolveu um plano de implementação que tive de aprovar antes de poder prosseguir. A partir daí ele funcionou em sua própria pasta de projeto no meu computador, criando index.html, style.css, app.js e o servidor do nó. E parou várias vezes para pedir permissão porque qualquer coisa fora do espaço de trabalho ou conectada ao terminal é padronizada para aprovação manual. Cerca de sete minutos depois, o protótipo estava disponível no endereço localhost. Ele escolheu fontes do Google (Outfit e Inter), adicionou cabeçalhos de metamorfose de vidro, escreveu uma série de confetes para a animação de teste e até adicionou um mascote de caldeirão no estilo Duolingo para o estado vazio. Não coloquei essas partes no prompt (deliberadamente deixei um pouco aberto para ver onde o Antigravity improvisaria).
Os resultados aqui abrem um fluxo de trabalho que acho que os designers ainda não consideraram. Você não está apenas gerando uma maquete estática, você está gerando algo que pode usar e testar com estado real e interação real. O artefato de verificação que ele produz (um arquivo walkthrough.md com etapas de teste manual) também é muito útil. Assim, você obtém um protótipo interativo e documentação sobre o que ele faz e como testá-lo de uma só vez.
Para pesquisas em estágio inicial, onde você normalmente gastaria uma hora fazendo conexões de protótipos do Figma apenas para simular interações, esta parece ser uma maneira muito mais eficiente de testar algo antes de finalizar o design. E como funciona localmente, você pode enviar a alguém uma gravação de tela ou convidá-lo a procurar o mesmo servidor. No geral, o Antigravity fornece um teste de usabilidade real com um rascunho em vez de uma ilusão clicável.
Google Antigravity 2.0 vence Claude Code e Codex em seu próprio jogo
A guerra de codificação de IA acabou.
Figma ainda governa o mundo do design
E provavelmente sempre será
Não há nada aqui sobre rejeitar Figma. Já disse isso muitas vezes, mas Figma possui todo o conjunto de design que realmente importa para o trabalho profissional – bibliotecas de componentes, sistemas de design, transferência de desenvolvedor, layout automático, modo de desenvolvimento, colaboração em equipe, etc., e assim por diante. Nada disso é o que o Antigravity está tentando fazer, não acho que seja isso que o Google pretendia. E mesmo os recursos de IA adicionados do Figma, como o Figma Make, não são ruins, eles apenas são diferentes de uma ferramenta como o Antigravity porque o ponto de partida é diferente.
Figma é um editor manual que adicionou IA. Antigravidade é uma plataforma de inteligência artificial usada em trabalhos de design. Essas duas coisas abordam o mesmo problema de lados opostos e acabam produzindo resultados bastante diferentes. Quando quero construir algo rapidamente para ver se uma ideia funciona, o Antigravity é mais rápido. Quando eu quero realmente projetar algo com um padrão profissional com os componentes e especificações corretos, o Figma ainda é o padrão.
Experimentei Claude Design, Replit e Figma Make para design de UI e um avançou quilômetros
O mesmo prompt, três ferramentas de codificação de vibração muito diferentes
O melhor fluxo de trabalho de design usa mais de uma ferramenta
Neste ponto, design e IA não são mais separáveis. Cada ferramenta de design agora possui algum tipo de inteligência artificial incorporada, até mesmo as estranhas ferramentas independentes de código aberto. Mas as ferramentas originalmente construídas para IA provavelmente sempre estarão um passo à frente daqueles que as adicionaram como um recurso. Portanto, embora o Antrigravity me ajude a iterar mais rápido e também me permita ver o lado do desenvolvimento das coisas, acho que a melhor solução é usá-los juntos. Existe até um Figma MCP que você pode usar para conectar seu ambiente de design diretamente ao IDE Antigravity.
