Português

IA no Fluxo de Trabalho do Designer de Produto: Onde Ajuda, Onde Falha

Toda ferramenta de design agora tem um botão de "IA". Você já clicou na maioria deles. Metade produziu resultados que pareciam um post do Dribbble de 2019 de ressaca. A outra metade salvou uma tarde inteira de trabalho.

A diferença não está na ferramenta. Está em qual parte do fluxo de trabalho você a apontou.

Passei o último ano constrangida demais para admitir o quanto uso IA em certas tarefas, e irritada demais para admitir o quanto me recuso a usá-la em outras. Este é o resultado limpo do que realmente ficou no meu processo. Sem catastrofismo do tipo "IA vai substituir designers". Sem hype do tipo "IA vai multiplicar por 10 o seu trabalho". Só as partes da semana onde ela cumpre o que promete e as partes onde ainda mando embora.

Por que isso importa agora

PMs estão lançando produtos com v0 e Cursor sem você. Não estou dizendo isso para assustar ninguém. Estou dizendo porque a pergunta "designers deveriam usar IA?" já foi respondida por pessoas que não são designers.

Se você não tem um ponto de vista sobre IA no seu trabalho, o ponto de vista de outra pessoa vira o padrão. E esse padrão é quase sempre um stack de cards Tailwind genérico com três ícones, um gradiente e a palavra "Empoderar" em algum lugar do hero. Você já viu.

Então isso é menos sobre adotar IA e mais sobre ser específico. O que ela faz bem de verdade? O que ela estraga? E qual é o menor teste que você pode rodar este mês para descobrir?

Onde a IA realmente ajuda

Estas são as partes da minha semana onde parei de ser exigente quanto a isso. O resultado é bom o suficiente, o tempo economizado é real, e a parte do trabalho que ficava aqui não era onde eu ganhava meu salário de qualquer forma.

Agrupamento de transcrições de pesquisa

Vinte entrevistas com usuários costumavam significar uma semana com uma planilha, uma coluna de tags e a erosão lenta da minha vontade de viver. Agora são aproximadamente 30 minutos.

O Dovetail AI, Notion AI ou Claude com as transcrições coladas vai extrair temas, frequências e clusters de citações mais rápido do que qualquer humano. Ainda leio cada citação. Ainda verifico a síntese contra a minha própria percepção das sessões reais. Mas pulo o estágio da planilha por completo, e o tempo economizado vai para mais entrevistas, que é onde a alavancagem de fato está.

A armadilha: não confie no primeiro agrupamento. Faça duas passagens com prompts diferentes e olhe onde elas divergem. A divergência é onde a pesquisa interessante mora.

Criação de protótipos

v0, Galileo, Figma Make. Uso esses para o scaffolding tedioso: uma página de configurações que ninguém vai olhar duas vezes, uma tabela para uma ferramenta de administração interna, um wizard com cinco etapas que todas parecem iguais.

O truque é tratar o resultado como um wireframe, não um design. A grid é ponto de partida. A hierarquia é ponto de partida. Depois você redesenha aproximadamente 70% porque a versão da IA é genérica e o seu produto não é. Mas você pulou a tela em branco, que é a pior parte de qualquer sprint que envolve layout que você não liga muito.

Para superfícies voltadas ao consumidor ou qualquer coisa orientada por marca, isso desmorona. Chegamos lá.

Variantes de microcopy

Estados vazios, mensagens de erro, tooltips de onboarding, texto de botão quando "Salvar" parece simples demais mas "Aplicar alterações" parece longo demais. Gero dez variantes, descarto nove, edito uma.

A palavra-chave é editar. Qualquer coisa que enviei literalmente de um LLM chegou à produção soando como um LLM. O ritmo está errado. A contenção está errada. Sempre tem um adjetivo a mais. Mas como parceiro de brainstorming, é melhor do que ficar olhando para o cursor piscando ao lado de "Desculpe, algo deu errado" pela centésima vez.

Texto alternativo e scaffolding de acessibilidade

Texto alternativo de primeira passagem. Rascunhos de labels ARIA. Verificações de contraste de cores. Verificações de sanidade na estrutura de títulos para leitores de tela.

Verifico tudo. A IA acerta o WCAG AA no óbvio e erra todo caso extremo mais sutil. Mas a página em branco sumiu, e isso importa quando o trabalho de acessibilidade já é a parte do trabalho que a maioria das equipes sub-aloca. Uma vantagem inicial de 50% é melhor que 0%.

Vou deixar claro no próximo bloco, porque enviar texto alternativo gerado por IA sem revisão é a forma de entregar "imagem de uma pessoa" 4.000 vezes em um site de marketing.

Scaffolds de handoff para dev

Cursor transformando um frame do Figma em um componente funcional que o engenheiro refina. Esta é, discretamente, a ferramenta de design com IA mais subestimada de todas.

Combine o Cursor com um bom design system e você corta o tempo de handoff pela metade. O engenheiro não precisa traduzir tokens de espaçamento manualmente. Você não recebe a terceira mensagem no Slack de "é isso que você quis dizer?" às 16h de sexta. O primeiro commit fica mais próximo da sua intenção já na primeira tentativa.

Funciona porque há um design system rígido constraindo o resultado. Sem um, o Cursor improvisa, e o Cursor improvisando é só o v0 com passos extras.

Onde a IA falha (e você não deve terceirizar)

Esta é a lista que eu colocaria num monitor para qualquer designer júnior perguntando quanto de IA usar. Tudo abaixo é onde o trabalho paga para você pensar, e onde a IA pensa como todos que vieram antes, que é exatamente o instinto errado.

Bom gosto

A IA faz médias. Seu trabalho é ser específico.

Quando peço a uma IA para projetar um dashboard SaaS, ela me dá um dashboard SaaS. Genérico, plausível, esquecível. Três cards de KPI no topo, um gráfico, uma tabela, uma barra lateral. Parece com todo outro dashboard SaaS porque foi treinado em todo outro dashboard SaaS.

Mas você não está projetando um dashboard SaaS. Está projetando este dashboard para este usuário, que trabalha em este contexto, onde o gráfico é o principal errado porque o usuário na verdade abre a página para fazer uma tarefa específica e o gráfico não é ela. A IA não vai perceber isso. Você vai.

Enquadramento do problema

A IA responde perguntas. Designers decidem qual pergunta vale responder.

Se um PM pede um redesign das configurações e você pede ao Claude para redesenhar as configurações, os dois erraram. O movimento interessante é perceber que as configurações não precisam de um redesign. Precisam ser desmembradas, com as três configurações que as pessoas realmente usam expostas no fluxo principal e o resto guardado em uma gaveta de "mais opções". A IA não faz esse movimento. A IA constrói uma página de configurações melhor.

A decisão de enquadramento é sua. Não delegue isso.

Nuances de acessibilidade

Disse isso acima e vou repetir porque merece repetição. A IA acerta as verificações de contraste WCAG AA. Escreve texto alternativo plausível. Gera papéis ARIA que parecem corretos.

Ela não entende o fluxo de navegação por teclado quando um modal abre dentro de uma folha dentro de uma gaveta. Não entende que um leitor de tela lendo "botão botão botão botão" em uma grade de cards é tecnicamente compatível e funcionalmente hostil. Não entende que um vídeo com reprodução automática sem controle de pausa viola mais do que apenas um critério.

Teste com um leitor de tela. Teste só com teclado. Teste com movimento reduzido ativado. A IA não substitui os testes reais, por mais confiante que soe o resultado.

Voz de marca

O texto da IA soa como texto de IA. O ritmo, as referências internas, a contenção, a disposição de deixar uma frase mais curta do que ela quer ser. Isso ainda é você.

Toda marca que respeito tem uma voz que é levemente estranha. Levemente fora do ritmo. Diz coisas em uma ordem que surpreende. A IA não consegue reproduzir isso, porque foi treinada para ser o oposto de estranha. Foi treinada para ser razoável. Razoável é a morte da voz de marca.

Se a voz da sua marca pode ser replicada por um LLM, sua marca não tem voz.

Padrões de interação inéditos

A IA é treinada no que existe. Se seu produto precisa de algo novo, a IA vai te puxar para o que é mediano.

Uma vez pedi ao Galileo para fazer um mockup de um fluxo para uma funcionalidade genuinamente inédita. Ele produziu uma versão perfeitamente aceitável do padrão existente mais próximo, que era o padrão errado. Passei uma hora tentando fazê-lo criar a coisa nova e não cheguei a lugar nenhum. Fechei a aba e esboçei no papel em 15 minutos.

Quando a resposta é inédita, a IA é um peso de ancoragem. Não lute contra isso. Simplesmente não a use para essa parte.

Opiniões honestas sobre as ferramentas

Em ordem aproximada da frequência com que as abro:

  • Figma AI. Sólida para renomear camadas (isso por si só já vale), gerar conteúdo de placeholder que não é "Lorem ipsum", ícones de primeiro rascunho que você vai redesenhar. Medíocre para "projete esta tela": o resultado é genérico. Use para as tarefas repetitivas.
  • v0 / Galileo. Ótimo para engenheiros criando ferramentas internas sem designer. Para superfícies voltadas ao consumidor ou experiências com marca, a costura aparece imediatamente. Uso o v0 para scaffolds de inspiração que depois refaço do zero. O Galileo uso menos.
  • Cursor para design-to-code. A ferramenta de design com IA mais subestimada, sem exceção. Combine com um bom design system e o seu ciclo de handoff fica significativamente mais rápido. A mudança única com o maior ROI desta lista.
  • ChatGPT / Claude como parceiro de raciocínio. Melhor do que qualquer ferramenta visual acima para crítica de design, texto, nomenclatura e pressionar sua própria lógica. Pior do que todas para resultado visual. Trate como um colega que você pode interromper às 23h.

Esta é a lista completa que de fato abro em uma semana normal.

Os sinais que entregam que "foi a IA que fez"

Mantenho essa lista fixada no meu Figma. Se três ou mais aparecerem em algo que estou prestes a lançar, refaço.

  • Layout de três cards com três ícones no hero ou na seção de proposta de valor.
  • Um gradiente em um CTA que não precisava de gradiente.
  • Texto com "Desbloqueie," "Empodere," ou "Sem Fricção" sem ironia.
  • Espaçamento perfeitamente uniforme que ignora o peso visual (tudo é 16px porque o prompt disse "use espaçamento consistente").
  • Ilustração do hero estilo foto de banco com pessoas diversas apontando para um laptop.
  • Uma página de preços com três planos, o do meio rotulado como "Mais Popular," e uma comparação de colunas com checkmarks que ninguém vai ler.
  • Títulos que seguem o padrão "verbo o seu substantivo". ("Simplifique seu fluxo de trabalho." "Acelere seu time." "Simplifique seu stack.")
  • Texto que começa com "No mundo acelerado de hoje."

Três desses e o design se entrega antes que alguém veja o arquivo. Refaça.

Seu plano de 30 dias

Você pode ler este artigo e concordar com a cabeça, ou pode rodar um teste real. Aqui está a versão mais simples da segunda opção.

Semana 1: Faça o agrupamento de um projeto de pesquisa. Escolha um projeto onde você tem 10 ou mais transcrições de entrevistas com usuários. Passe-as pelo agrupamento de IA (Dovetail AI, Notion AI ou Claude). Faça sua própria síntese manual em paralelo. Compare as duas. Anote onde a IA acertou, onde errou com confiança, e onde surfou algo que você não havia percebido. O objetivo não é substituir sua síntese. É calibrar sua confiança.

Semana 2: Crie o protótipo de uma tela interna. Use v0, Figma Make ou Galileo para uma tela voltada para uso interno do começo ao fim. Configurações, uma tabela, um painel admin, qualquer coisa onde o polimento de marca não importa. Cronometre quanto tempo leva em comparação ao seu fluxo normal e anote onde precisou refazer do zero. Você vai aprender rápido quais 70% pode aproveitar e quais 30% precisam ser reconstruídos.

Semana 3: Passe de variantes de microcopy. Passe todo o microcopy do seu projeto atual (estados vazios, erros, tooltips, texto de botão) por um gerador de variantes de IA. Fique com o que ficou melhor. Elimine o que ficou pior. Registre os padrões onde a IA consistentemente ajudou versus onde consistentemente achatou sua voz. Isso vira sua folha de dicas pessoal para o próximo sprint.

Semana 4: Faça parceria no handoff para dev. Escolha um componente que vai para a engenharia neste sprint. Configure o engenheiro com Cursor e uma restrição rígida de design system. Meça o tempo de handoff e os ciclos de retrabalho em comparação ao componente equivalente do sprint anterior. Se for mais rápido e mais limpo, esta é sua mudança de maior alavancagem. Torne permanente.

Quatro semanas. Um teste real por semana. No final, você vai ter suas próprias opiniões em vez das minhas.

Opcional: mapeando para o ACE Framework

Se sua equipe usa o vocabulário ACE (Ingest, Analyze, Predict, Generate, Execute), vale nomear onde a IA de design se encaixa e onde não se encaixa.

  • Ingest: puxar transcrições de pesquisa, tickets de suporte e gravações de sessões para um corpus utilizável. A IA ajuda muito.
  • Analyze: agrupar temas, surfar frequências, encontrar outliers em dados qualitativos. A IA ajuda, com uma passagem de verificação.
  • Generate: criação de protótipos, variantes de microcopy, rascunhos de texto alternativo, scaffolds de handoff para dev. A IA ajuda dentro de guardrails.
  • Predict: qual problema resolver a seguir, qual versão lançar, qual trade-off importa. Você. Não a IA.
  • Execute: a decisão real de lançamento e a responsabilidade pós-lançamento. Você e seu time. Não a IA.

Dizer isso em voz alta é útil quando um PM pergunta por que você não "deixou a IA fazer". A resposta honesta é que a IA é útil em três das cinco capacidades, e as duas que ela não consegue tocar são as duas que garantem aos designers seu lugar na mesa. Deixar a IA assumir o Predict ou o Execute é deixar a IA projetar seu produto, o que também se chama lançar um produto genérico, o que também se chama o que seus concorrentes que não têm designers já estão fazendo.

Armadilhas comuns

Uma lista curta de como isso dá errado, aproximadamente na ordem em que cometi cada erro:

  • Deixar o resultado da IA pular a crítica porque "parece pronto." Parece pronto. Não está. Passe pelo seu time.
  • Usar IA para a parte do trabalho que lhe rende respeito. Bom gosto, enquadramento, padrões inéditos. Se você terceirizar esses, se torna substituível, e a pessoa fazendo a substituição não será a IA. Será o próximo designer que não fez isso.
  • Esconder quais partes do seu trabalho têm assistência de IA. Conte para o seu time. Transparência constrói confiança. Esconder destrói no dia em que alguém percebe.
  • Acreditar na confiança da IA em vez da sua própria. A IA soa confiante mesmo quando está errada. O seu instinto foi calibrado por mil designs. Confie no instinto.
  • Otimizar os 30% errados da semana. Uma IA que economiza 30 minutos em uma tarefa que você faz apenas uma vez por mês não vale a integração. Encontre a dor recorrente.

Medindo o sucesso

Esta é a régua que uso para minha própria utilização de IA.

Você lança mais rápido no trabalho de scaffolding: síntese de pesquisa, layouts de ferramentas internas, primeiros rascunhos de microcopy, handoff para dev. Você lança mais lentamente e de forma mais deliberada nas partes que importam: a decisão de enquadramento, o padrão inédito, a voz da marca, a nuance de acessibilidade.

Seu time consegue identificar quais 20% da sua semana de design agora são tempo recuperado. Você está usando para fazer mais entrevistas, mais críticas de design, mais reflexão, mais iteração nas partes do trabalho onde a iteração gera resultados compostos.

E a medida mais importante: ninguém olha para o seu trabalho e pensa "a IA fez isso."

Essa é a régua. Qualquer coisa abaixo e você está usando IA para a parte errada do trabalho.

Saiba Mais