← Voltar para todos os desafios

Dia 26: A exploração com IA

E se a IA pudesse desenhar telas inteiras para você? Aprenda a usar IAs generativas de UI para quebrar bloqueios criativos e explorar novas direções.

A IA como sua parceira de brainstorming

Ferramentas de "Generative UI" estão revolucionando a fase de ideação. Elas pegam um prompt de texto (ex: "crie uma tela de login para um app de música") e geram um design completo e editável em segundos. O objetivo não é que a IA faça todo o trabalho, mas que sirva como um ponto de partida para a criatividade.

Pense nisso como ter um designer júnior ultrarrápido ao seu lado. Ele te entrega 10 rascunhos em 30 segundos, e você, como diretor de arte, escolhe as melhores ideias, as refina e as alinha com os objetivos do projeto e com seu Design System.

As novas ferramentas do ofício

O cenário de IAs que geram interfaces está evoluindo rapidamente. Algumas das ferramentas mais promissoras que você pode explorar são:

  • Galileo AI: Famosa por gerar designs de alta fidelidade diretamente a partir de um prompt de texto.
  • v0.dev (da Vercel): Gera não apenas o design, mas também o código em React/Tailwind, ótimo para ver as ideias se tornarem componentes reais.
  • Lovable: Permite criar e subir sites reais para a web em poucos minutos.
Exemplo da interface de uma ferramenta de IA gerando uma tela de aplicativo

Seu desafio de hoje: o explorador de ideias

Sua missão é usar a IA como uma parceira de brainstorming para explorar novas possibilidades para uma página secundária do seu projeto.

Checklist do desafio:

  1. Escolha uma página secundária para o seu projeto que ainda não fizemos, como uma página de erro 404.
  2. Escreva um prompt detalhado para uma ferramenta de IA generativa de UI (se tiver acesso) ou de imagem (como Midjourney/ImageFX) para criar um conceito visual para esta página.
  3. Analise o resultado gerado pela IA. O que funcionou bem? O que não se alinha com seu Design System?
  4. Use o resultado como inspiração para desenhar a sua própria versão da página, aplicando os princípios do seu Design System e melhorando as ideias da IA.

Concluiu? Mostre suas explorações!

Compartilhe o resultado da IA e como você o interpretou e o refinou. Mostrar seu processo de ideação é muito valioso.