5 sites de referência pro seu design com IA não ter cara de IA

Design feito com IA fica com cara de IA por um motivo só: falta de referência. Sem exemplo, o Claude devolve a média do que existe na internet, e a média tem cara de template. Quando você mostra três ou quatro referências boas antes de pedir, o resultado muda de patamar na mesma conversa.

Eu demorei pra entender isso. Ficava reescrevendo o prompt, trocando adjetivo, pedindo "mais moderno", "mais clean", "mais premium", e vinha sempre a mesma coisa: gradiente roxo, card arredondado, ícone genérico. O problema nunca foi a ferramenta. Era eu descrevendo gosto com palavra em vez de mostrar exemplo.

Por que design feito com IA tem cara de IA?

Porque adjetivo não carrega informação visual. "Moderno" pra você pode ser um site suíço com muito espaço em branco, e pra ela é o que apareceu mil vezes no material de treino. Sem âncora, ela vai pro lugar mais provável, que é justamente o lugar onde todo mundo já está.

Referência resolve isso porque troca opinião por evidência. Em vez de você tentar traduzir uma sensação em palavras, você mostra a coisa pronta e pede o que fazer com ela.

Os 5 sites que eu uso pra tirar referência

Cada um resolve uma parte diferente do problema. Não precisa usar os cinco toda vez, mas vale conhecer o que cada um faz melhor.

1. Mobbin: telas de aplicativo de verdade

São milhares de telas reais de apps que estão no ar, organizadas por fluxo (cadastro, checkout, onboarding). Serve pra quando você precisa resolver uma tela específica e não sabe como as boas resolvem. Em vez de explicar o que você quer, você mostra um exemplo que já funciona.

→ mobbin.com

2. Awwwards: sites de nível alto

É onde eu pego layout de site premiado, com animação boa e direção criativa forte. Use quando o projeto pede personalidade, não só organização. Cuidado com o excesso: muito site do Awwwards é vitrine, e nem toda ideia de lá cabe num site que precisa vender.

→ awwwards.com

3. Cosmos: o Pinterest feito pra designer

Funciona como um Pinterest, só que a curadoria é de gente da área, então o que aparece já vem filtrado. É onde eu gosto de montar moodboard, juntando num lugar só as peças que têm a sensação que eu quero.

→ cosmos.so

4. Pinterest: cor, identidade e direção visual

Continua sendo o jeito mais rápido de achar paleta, clima e identidade. Não é o melhor pra layout de produto, mas pra decidir "que sensação essa marca tem" ele resolve em cinco minutos.

→ pinterest.com

5. NameThatUI: o dicionario de componentes

Esse é o que quase ninguém conhece e o que mais muda o seu prompt. É um dicionário visual: você vê o elemento, descobre como ele se chama de verdade e usa o nome certo no pedido. Porque a IA não constrói nada que você não consiga descrever nem mostrar.

→ namethatui.com

Como juntar tudo num pedido só

Depois de escolher as referências, o pulo do gato é não pedir cópia. Você descreve o que quer de cada uma e pede uma combinação original. Esse é o prompt que eu uso:

Vou te mandar de 3 a 5 referências visuais. Antes de desenhar qualquer coisa, faça o seguinte:

1. Descreva o que cada referência faz bem, em termos concretos: escala tipográfica, espaçamento, paleta, hierarquia, tratamento de imagem, tipo de componente.
2. Aponte o que elas têm em comum e o que elas têm de diferente.
3. Me proponha uma direção visual que combine a SENSAÇÃO dessas referências, mas que seja original: nada de copiar layout, cor ou composição de nenhuma delas.

Contexto do projeto: [o que é, pra quem é, o que a pessoa precisa fazer nessa tela].
Restrições: [minhas cores, minhas fontes, o que não pode aparecer].

Só comece a desenhar depois que eu aprovar a direção.

O detalhe que faz diferença é a última linha. Sem ela, ela pula direto pro código e você perde o momento de corrigir a direção, que é justamente o momento barato de corrigir.

Como saber se ainda está com cara de IA

Três sinais que eu uso como termômetro rápido, antes de aprovar qualquer tela:

• → Tudo tem o mesmo peso. Se nenhum elemento grita mais alto que os outros, não tem hierarquia, e sem hierarquia o olho não sabe pra onde ir.
• → Espaçamento uniforme demais. Design bom respira em ritmos diferentes: junta o que é do mesmo assunto, afasta o que não é.
• → Nada é específico do seu negócio. Se aquela tela serviria pra qualquer empresa do mundo trocando o logo, ela ainda é template.

Quando bater algum desses, não jogue fora: volte pras referências, aponte o que você quer daquela peça e peça de novo. É mais rápido do que recomeçar.

É isso. Referência é a diferença entre pedir e dirigir. Você continua sendo quem decide, só parou de exigir que ela adivinhe.