Figma primeiro, IA depois: a ordem que tira a cara de template
Quando a IA decide o layout, você recebe a média da internet. Decida no Figma e deixe a IA executar.
- Post
- 23 de out de 2026
- 2 min de leitura
Peça para qualquer IA fazer uma landing page bonita e repare no que volta: degradê roxo, título enorme em negrito, três cards iguais com ícone em caixinha e um botão brilhando. Não é falta de capacidade. É que a IA entrega a média do que ela já viu, e a média da internet é exatamente esse visual.
A saída não é trocar de ferramenta nem escrever um prompt mais longo. É mudar a ordem do processo.
O que acontece quando a IA decide
Quando o pedido é aberto, todas as decisões de design ficam com a IA: qual cor usar, quanto dela, qual tamanho de título, como organizar as seções, onde colocar o botão. Cada uma dessas decisões é resolvida pelo padrão mais comum. O resultado funciona, mas parece com todos os outros sites feitos do mesmo jeito.
E o cliente percebe. Uma página com cara de template passa a mensagem de que o negócio também é genérico.
A ordem que funciona
No método que eu uso, a ordem é sempre a mesma:
- Primeiro, decidir no Figma. Hierarquia da página, proporção de cor, escala de tipografia, componentes e o que cada seção precisa mostrar.
- Depois, escrever essas decisões como regra. Um arquivo de instruções com as cores, os tamanhos, os pesos e os padrões que não podem mudar.
- Por fim, deixar a IA executar. Com as regras escritas, o Claude Code monta as páginas seguindo o padrão, e você revisa como revisaria o trabalho de alguém da equipe.
Libere o resto da matéria
Você também recebe por e-mail o link desta matéria e a aula grátis do Conversão Visual.
Por que o Figma vem primeiro
No Figma você enxerga a página inteira antes de existir código. É onde fica barato errar: mover uma seção, testar outra proporção, trocar um título. No código, cada mudança custa mais tempo e mais pedidos.
Além disso, o Figma é onde nasce o sistema: os tokens de cor e tipografia que depois viram regra para a IA. Sem esse sistema, cada pedido gera uma página com um padrão diferente.
Quanto tempo isso custa
Parece mais lento, mas na prática é o contrário. Uma hora decidindo no Figma economiza muitas rodadas de pedidos do tipo “muda a cor”, “diminui esse título”, “tira esse degradê”. Cada rodada dessas gera retrabalho e, muitas vezes, quebra o que já estava certo. Com as decisões prontas, a primeira versão já sai perto do final, e a revisão vira ajuste fino.
O papel da IA nesse processo
A IA continua fazendo a parte pesada: transformar o design em código, organizar o projeto, publicar. A diferença é que ela executa decisões que já foram tomadas, em vez de inventar decisões novas a cada pedido. É assim que dá para publicar páginas rápido sem que elas pareçam feitas no automático.
Esse é o centro do Conversão Visual: as decisões de design que fazem uma página vender e como passar cada uma para a IA executar. Na aula grátis eu mostro esse processo completo, do Figma até a página no ar.
