4h

Para conclusão

61

Pessoas nesse curso

Certificado

De participação

Introdução_

O que você aprenderá_

  • Crie um protótipo navegável a partir do Codex que simule fluxos de e‑commerce, incluindo adição e remoção de itens no carrinho.
  • Estruture um PRD claro e priorize funcionalidades com o método MoSCoW para guiar a evolução do produto.
  • Conecte referências de design ao assistente do Codex e aplique componentes para formar um Design System coerente.
  • Implemente navegação e componentes reutilizáveis com React Router para validar interações do protótipo.
  • Configure eventos e construa dashboards no Amplitude para monitorar comportamento e obter insights acionáveis.

Público alvo_

Profissionais e estudantes de produto, design e front-end que desejam transformar ideias em protótipos navegáveis usando o Codex. Indicada para product managers, designers UX/UI, desenvolvedores que buscam integrar analytics e back-end simples ao protótipo.

Ricardo Bugan Debs

Ricardo Bugan Debs

linkedin

Head | Estratégia | Visão de negócios | Liderança | Transformação Ágil | Product Manager | TecnologiaSou Head de Operações e Tecnologia com mais de 10 anos de experiência em tecnologias Full Stack, No Code e desenvolvimento de produtos. Minha atuação é focada na estruturação de operações eficientes e escaláveis, alinhando processos internos à estratégia de negócios, com o objetivo de garantir sustentabilidade e resultados consistentes.

Curso atualizado em 27/07/2026

Ementa

  1. Primeiros passos

    • Apresentação
    • Preparando o ambiente
    • O primeiro prompt
    • Prototipação de ideias com IA
    • Prototipagem de interface
    • Para saber mais: documentação de decisões de projeto
    • Faça como eu fiz: documentar protótipo
    • O que aprendemos?
  2. Do PRD ao protótipo

    • A Skill de PRD
    • Escrevendo o PRD
    • Recriando o protótipo a partir do PRD
    • Estruturando navegação
    • Para saber mais: stacks de tecnologia
    • Faça como eu fiz: PRD e protótipo
    • Extra: VS Code
    • O que aprendemos?
  3. Especificações de design

    • Problemas com design
    • Guiando novas implementações
    • Definindo identidade visual
    • Para saber mais: referências visuais
    • Faça como eu fiz: documentação integrada
    • O que aprendemos?
  4. Testes e iteração

    • Criação final
    • Ajustes e fluxo de desenvolvimento
    • Navegação eficiente
    • Para saber mais: iteração a partir de feedback
    • Faça como eu fiz: aprimoramento de protótipo
    • O que aprendemos?
  5. Coleta de dados e análise

    • Instalando o Amplitude
    • Para saber mais: back-end com Supabase
    • Criando o dashboard
    • Implementação de analytics com Amplitude
    • Faça como eu fiz: dashboard de analytics
    • O que aprendemos?
    • Conclusão

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos
Escola

Inteligência Artificial

Mergulhe com profundidade no universo da Inteligência Artificial (IA) aplicada a diferentes áreas de atuação e domine as principais ferramentas que estão moldando o agora, como ChatGPT e Midjourney. Navegue pelos nossos cursos e comece a explorar todo o potencial das IAs Generativas para impulsionar a sua carreira.

Conheça a escola

Pessoas estudando esse curso nesse mês:

Estude com elas

e mais 57 pessoas

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Aprenda IA para Produto & Negócio com esse e outros cursos, comece agora!

Conheça os Planos para Empresas