Talk · IA no processo de Product Design

Vamos falar de IA no processo de Product Design.


Não como hype, mas como ferramenta que amplifica nossa atuação.

Bruno Queirós·Stone · Senior Product Designer·40min + 20min Q&A

Tese central

IA não substitui o designer.
Potencializa nossa atuação.

Quem tem repertório + contexto + processo, multiplica.
Quem não tem, gera slop mais rápido.

Hoje

  • Senior Product Designer na Stone
  • Jornada de Renegociação de Crédito
  • 10+ anos em Product Design
  • Foco: processo + IA aplicada

Stack atual

VSCode → CursorClaude CodeGeminiPerplexityGitHubTerminal

Por quê terminal? Potencializa e automatiza o trabalho pesado.

01

Contexto > prompt bonito

Bom input carrega contexto, insumos, não-ambiguidades. Prompt bonito sem contexto = output bonito sem fundamento.

02

Iteração > one-shot

Primeiro output é matéria-prima, não entregável. Refine em ciclos curtos.

03

Validar sempre

IA confiante ≠ IA correta. Você é o filtro. Sem isso, escala erro.

04

Taste é insubstituível

Julgamento estético, contexto político, leitura de stakeholder, IA não faz.

01

Decisão de prioridade

Trade-off político e estratégico precisa de leitura humana.

02

Sensibilidade cultural

Contexto local, tom, código social, IA generaliza.

03

Trade-off com poucos dados

Sem evidências, IA preenche com o que ela considera bom no contexto, não com verdadeiro.

04

Coerência sistêmica longa

Janela de contexto se perde dentro da própria sessão.

04

Workflow por fase do processo

5 fases · Ferramentas + O que fazer + Antes e depois + Tempo economizado

DiscoveryIdeaçãoCopyProtótipoHandoff

Ferramenta

Claude CodeGeminiPerplexity

O que dá pra fazer

  • Sintetizar entrevistas
  • Desk research e benchmark competitivo
  • Clusterizar pain points
  • Analisar dashboards de dados
Antes

Tempo para encontrar players, aprofundar no contexto, coletar informações, montar board, criar análise.

Depois

Informe o contexto › informe o player › Tipo de análise › Onde montar (ex: FigJam) › Iterar e refinar.

−80% tempo

Ferramenta

Claude SkillsFigma MCPObsidian

Truques

  • Documente em Markdown, Claude lê rápido + menos tokens
  • Base de conhecimento: transcrições + Jira/Confluence + ideações
  • Fluxo: Markdown → Mermaid → FigJam → Figma com Design System
Antes

Estruturar doc, desenhar fluxograma à mão, atrasar exploração visual.

Depois

Resultado prático cedo, validação rápida, foco em stakeholder, tempo para refinar visual.

−90% tempo

Ferramenta

Claude Code SkillsFigma

Jobs

  • Validação de content
  • Criação de FAQ
  • Verificação de tom de voz

Passo link do Figma → IA valida → grava output direto na tela → faço o check.

Antes

Verificar guia, alinhar com content, considerações de stakeholders, ciclos longos.

Depois

Chego na content com revisão prévia já feita pela IA.

−80% tempo

Ferramenta

Figma MakeClaude Code

Jobs

  • Testar protótipo com inputs de dados reais
  • Maior fidelidade pro desenvolvimento
  • Validação tech precisa

Princípio

Designer entende o código que entrega.

Depois

Criar como seria em produção. Validação com tech mais precisa, menos retrabalho.

Ferramenta

TerminalClaude CodeMCPs

Jobs

  • Specs automáticas
  • Changelog
  • Scripts repetitivos
  • Sync Figma ↔ código

Por quê terminal

Acesso a arquivos, git e MCPs, IA opera com contexto real do projeto, não em isolamento.

01

Migrar 1 fluxo de research

Mover um fluxo real pra workflow Claude com contexto persistente. Medir tempo antes/depois.

02

Experimentar Cursor em 1 componente

Pegar um componente real e prototipar em código. Sentir a diferença de fidelidade.

03

Criar 1 skill / MCP custom

Automatizar uma rotina chata do seu próprio workflow. Compartilhar com o time.

01

IA-dependência em decisão

Perda de músculo crítico. Quem deixa de decidir, deixa de pensar.

02

Output bonito sem fundamento

Aparência de qualidade sem base. Slop polido continua slop.

03

Velocidade alta, direção errada

Acelerar o errado é pior que andar devagar no certo.

01

Ideação

Skill que pega um fluxo em discussão e desenha as primeiras estruturas no Figma com o DS.

Ganho: ideação rápida, aprofundo onde faz sentido
02

Content

Revisão do texto das telas com base no tom de voz da marca.

Ganho: texto redondo, dentro do tom
03

PRD

Documentação da jornada construída, integrada direto no Jira/Confluence.

Ganho: tempo na escrita de doc
04

Análise de dados

Amplitude conectado via MCP. Leio dashboards, gero relatórios e exporto pra qualquer lugar.

Ganho: análise individual + produção
05

Personas sintéticas

Crio personas do produto e simulo testes de usabilidade antes de levar pro cliente real.

Ganho: assertividade nas explorações

07 / Fechamento

A ferramenta amplifica
o que você já é.

Repertório + contexto + processo.

Como vocês têm usado IA no dia a dia?

Q&A

20 minutos · pergunta difícil é bem-vinda.

Stakeholder céticoPrivacidade de dadoROI sem virar teatroQuando NÃO usar IASkills × MCPs × Agents
01 / 16
·