Troquei Figma por Claude Design, Replit e Google Stitch por uma semana – e apenas um seguiu o fluxo de trabalho.

Ao longo do último ano, as ferramentas de design se dividiram em dois campos. De um lado estão os editores manuais em que sempre morei – Figma, Affinity, Krita, Photopea, Penpot, etc. Do outro lado estão os primeiros geradores instantâneos, que há dois anos eu teria considerado um artifício, mas eles provaram que estou errado. Agora há muito dinheiro por trás deles, as ferramentas parecem realmente entender as regras da UI, e quanto mais tempo passo com elas, menos óbvia é a linha entre uma ferramenta de design e um gerador de IA.

A questão não é se as primeiras ferramentas instantâneas substituem as ferramentas de design. Essa é a quantidade de controle manual que você realmente precisa quando a linguagem natural pode lidar com grande parte do trabalho estrutural. Então deixei Figma Claude Design, Replit e Google Stitch de lado por um tempo para ver o quanto eles poderiam preencher o trabalho de uma ferramenta de design “real”.

Está mais perto do Figma do que eu esperava

O Replit como uma estrutura de codificação de vibração pura está desatualizado. O Design Mode foi lançado em novembro de 2025 como um construtor visual dedicado e em março de 2026 foi transformado em Tela de design Para o lançamento do Agente 4, uma tela infinita com visualizações e manipulação ao vivo. Portanto, Replit agora está disputando os mesmos olhos de designer que Claude Design e Stitch, mesmo que a conversa mais ampla não tenha chegado tão longe. Esta foi talvez a quinta vez que usei o Replit e a primeira vez que percebi que existia edição ao vivo, o que diz algo sobre como ela está oculta.

O modelo abaixo é o Gemini 3 (mesma família usada pelo Stitch), o que significa que o Replit Design não pensa nada menos que a concorrência, por isso entende de layout, cores, tipografia e hierarquia, não apenas estrutura de código. Levei um minuto para entrar no modo de edição – há um pequeno ícone na parte inferior da barra de bate-papo denominado “selecionar elementos” e o painel de propriedades de edição será aberto. Observando também que você também pode adicionar um arquivo Figma ao prompt, mas ele não mantém todos os elementos editáveis ​​do arquivo e apenas o interpreta para criar código funcional.

Aqui consegui ajustar o tamanho da fonte, peso, alinhamento, espaço externo, espaço interno, cor, opacidade e borda. Basicamente o que eu esperaria de uma ferramenta de design, não de um gerador de código. Mudanças simples se aplicam diretamente e não consomem créditos, apenas reescritas estruturais, o que foi uma boa surpresa. Na prática, cobre mais meu fluxo de trabalho Figma do que eu esperava. Usando os controles de edição do Replit, você pode verificar ajustes de tipo, alterar sistemas de cores e deixar sua tela apresentável. Mas além do texto, das etapas de layout e das cores, você não pode fazer muito mais, inclusive arrastar, então é necessário recomeçar para fazer alterações significativas no layout maior.

Já é uma das minhas ferramentas de design favoritas

Claude Design foi lançado em abril de 2026 pela Anthropic Labs, roda em Opus 4.7 e pode ser encontrado em claude.ai/design. Está disponível em Pro e superior, o que significa que os usuários gratuitos ainda estão bloqueados, infelizmente. Mas você obtém o que pagou com o Opus 4.7, atualmente o modelo de raciocínio mais poderoso por trás de qualquer uma dessas ferramentas, e você pode sentir isso na maneira como ele interpreta as instruções vagas. Quando digo “calmo” ou “lúdico”, isso na verdade se traduz em decisões estruturais sobre espaçamento, hierarquia, peso, e não apenas mudança de cores.

Os uploads de arquivos aqui não são exclusivos de Claude (tanto o Replit quanto o Stitch aceitam uploads de imagens), mas Claude é o mais flexível. DOCX, PPTX, XLSX, imagens e importação direta de arquivos Figma estão perfeitamente integrados, então se eu estiver usando material existente de qualquer lugar, esta é a plataforma de pouso mais fácil. E oferece maior fidelidade ao design original do Figma do que o Replit.

O verdadeiro diferencial é o que acontece depois que Claude gera algo. O painel Tweaks exibe controles deslizantes contextuais específicos para o que você acabou de criar, que podem ser paletas de cores, espessuras de fonte, espaçamento, preenchimento, raio de canto, tudo o que Claude considerar que vale a pena ajustar (mas você também pode solicitá-los você mesmo). Nada mais no trio faz isso no mesmo grau. Ainda não consigo arrastar as coisas (os movimentos de layout ainda exigem um prompt), mas para esclarecer todo o resto, não estou queimando marcadores para ajustes que poderiam ser feitos simplesmente usando um controle deslizante e obtendo os ajustes mais apropriados com base no contexto.

A desvantagem é que até mesmo o limite de crédito Pro é ultrapassado mais rápido do que eu gostaria. Mas a sensação do fluxo de trabalho está mais próxima de uma “sala de designer com inteligência artificial” do que de uma “ferramenta de IA com alguns botões”.

Stitch é aquele de quem ninguém fala

E ignorar isso seria um erro

Stitch está no Google Labs, é executado em uma conta do Google e é gratuito (você pode encontrá-lo em costurar.comgoogle). Foi lançado no Google I/O 2025 e em março de 2026 foi transformado em um canvas de inteligência artificial com geração multitelas, canvas infinito, entrada de voz e prototipagem. O Google chama a abordagem de vibe design, onde você descreve o sentimento e ele cuida da estrutura. O Gemini 3 Flash funciona no modo padrão e o Gemini 3.1 Pro no modo experimental.

Comparado ao fato de Claude Design ser pago apenas e ao limite de crédito diário do agente Replit, Stitch é o mais acessível dos três. Os controles manuais são divididos de maneira diferente do Claude: há menos controles deslizantes contextuais, mas o painel da paleta é na verdade um editor de sistema de design completo onde você pode ajustar a alternância claro/escuro, cor inicial, amostras primárias/secundárias/terciárias/neutras, seletor de fonte e raio de canto. E você não precisa usar as limitações do seu prompt para personalizá-los. Portanto, embora não tenha tanto controle microscópico quanto Claude e Replit, ele pega o design como um todo e permite ajustá-lo no nível do sistema, essencialmente alterando aquela paleta, aplica-se a tudo na tela.

No entanto, existe uma ferramenta que oferece um controle um pouco mais refinado: o ícone do Live Edit Pencil. Ele não mostra propriedades individuais como espaçamento ou cor, mas permite clicar em um único elemento e ajustá-lo usando IA. Isso significa que não preciso renderizar todo o design, mas sim fazer ajustes em nível de elemento usando linguagem natural, que é na verdade um dos melhores comportamentos que uma ferramenta de humor pode ter. Não desperdiça tokens refazendo tudo.

O vencedor manteve seu lugar pelo motivo mais simples

Na minha opinião, Claude Design leva a coroa e é por causa do painel Tweaks. Estes são controles manuais, assim como em uma ferramenta de design tradicional, mas são criados dinamicamente e são sensíveis ao contexto. É provavelmente um dos recursos mais inteligentes que já vi em uma ferramenta criativa. Eles não são apenas impressionantes, mas também incrivelmente úteis. Quantas vezes você fez ajustes manuais em uma ferramenta de design quando algo parecia um pouco errado, usando todos os controles de cima para baixo para ver o que realmente funciona? Claude resolve isso com Tweaks e fornece exatamente o que você precisa para ajustar.

No entanto, o Google Stitch está em segundo lugar. A combinação da paleta de todo o sistema e da caixa de prompt individualizada oferece controle completo desde o nível do sistema até os componentes individuais. Porém, não quero descartar o Replit, apenas sinto que seu modo de design é um pouco desanimador em comparação com os outros dois. E isso não é uma grande surpresa, visto que suas raízes estão na codificação de vibração, e não no design de vibração.