← Voltar para todos os desafios

Dia 23: O diretor de arte IA

Vá além dos bancos de imagem. Aprenda a usar IAs generativas para criar imagens e ilustrações 100% personalizadas para o seu projeto.

Uma nova fronteira para a criatividade visual

Bancos de imagens são úteis, mas muitas vezes genéricos. Com a IA generativa, você pode criar assets visuais que se encaixam perfeitamente na identidade da sua marca. O seu papel como designer muda para o de um diretor de arte: você define a visão, guia a IA com um prompt detalhado, seleciona os melhores resultados e os refina para o uso final.

A anatomia de um prompt de imagem eficaz

Para obter bons resultados de uma IA de imagem, seu prompt precisa ser descritivo. Uma boa estrutura de prompt inclui:

Sujeito principal: O que é a imagem? Seja específico. Em vez de "um escritório", tente "a mesa de um UI designer vista de cima".
Estilo visual: Como deve ser a aparência? Use termos como "ilustração flat minimalista", "ícone 3D isométrico", "foto realista", "estilo cartoon".
Composição e iluminação: Detalhes da cena. "Fundo escuro", "luz natural suave", "cores vibrantes", "close-up".

Ferramenta em destaque: ImageFX do Google

Para quem está começando, uma excelente porta de entrada é o ImageFX, o gerador de imagens gratuito do Google. É poderoso, muito intuitivo de usar e ótimo para experimentar diferentes estilos visuais com prompts simples.

Acessar o ImageFX

Exemplos de prompts para inspiração

Veja como pequenos ajustes podem transformar o resultado:

Prompt simples: "um escritório moderno"
Prompt detalhado: "a mesa de um UI designer vista de cima, com laptop aberto, canecas de café, plantas verdes, luz natural suave entrando pela janela, estilo flat minimalista"
Prompt criativo: "um escritório de design futurista, com telas holográficas, luzes neon, e uma vista panorâmica da cidade ao fundo, estilo cyberpunk"

Seu desafio de hoje: a página do artigo

Hoje, sua missão é usar o que aprendeu para projetar uma página de artigo de blog completa para o seu projeto, usando a IA como sua diretora de arte para o visual.

Checklist do desafio:

Primeiro, use uma IA de texto (como fizemos no Dia 22) para gerar o conteúdo de um artigo de blog relacionado ao tema da sua landing page.
Depois, use uma IA de imagem (como o ImageFX que sugerimos) para criar a imagem de destaque (hero image) para o seu novo artigo.
Crie um novo frame no Figma e monte o layout completo da página do artigo, incluindo título, metadados, a imagem de destaque e o corpo do texto.
Conecte ao seu Design System: Garanta que toda a página siga os padrões de tipografia, cores e espaçamentos que você já definiu.