Vagas abertascondição especial durante as gravações

Saia do Figma estático
e comece a projetar experiências

UX/UI baseado em comportamento real, não em suposição. Aprenda a prototipar com código para projetar fluxos com dados, estados e interações reais.

Gravações em andamento · Primeiras vagas a R$ 397 · Depois R$ 797

Quando código entra no processo de design

Não é sobre largar o Figma.É sobre saber em que ponto ele para de funcionar para o que você precisa projetar.

VARIABILIDADE
Quando o design muda de acordo com o conteúdo
Erros, conteúdo longo e curto, responsividade, tempo de carregamento e limites da interface.
ESTADOS & DADOS
Quando a interface precisa agir e reagir
Fluxo condicional, ação que interfere na interface, dados salvos, filtros e feedbacks.
INPUTS & OUTPUTS
Quando projetamos ações além de cliques
Digitação, vídeo, voz, aceleração, arrastar, soltar... Projetar interações reais.
Protótipo Funcional
QUANDO CÓDIGO ENTRA NO PROCESSO DE DESIGN
Vídeo de apresentação 2:14
Stack

A stack que você vai dominar (sem precisar ter nada instalado hoje)

Mantendo sempre atualizado com as novas tecnologias de mercado

Ambiente

Onde você escreve e roda código.

Design & Código

Da tela ao componente vivo.

Dados & Estado

Banco real e mocks que mentem bem.

IA & Deploy

LLM no protótipo + URL pública.

Boilerplate pronto no GitHub Materiais em markdown Skills e prompts
Currículo

Conteúdo planejado

Liberação iterativa porque IA muda toda semana. Conforme cada módulo fica pronto, vai pro ar — você acompanha o roadmap em tempo real.

Princípios e framework

Os 4 níveis de protótipo. O framework de decisão das 5 perguntas. Os 3 erros clássicos de quem prototipa com IA.

  • Por que protótipo estático não basta mais
  • Os 4 níveis de protótipo
  • O framework de decisão
  • Os 3 erros que designers cometem ao prototipar com IA
Assistir a introdução

Componentes funcionais

Tabela complexa, drag-and-drop, motion com feedback. Tudo no Figma Make. Do zero até um componente funcional.

  • Panorama das ferramentas opinativas
  • Componente 1: tabela com filtros
  • Componente 2: drag and drop
  • Componente 3: feedback dinâmico
Assistir a introdução

Fluxos completos com agentes de código

Agora vamos usar agentes de código e criar jornadas inteiras. Estado em três níveis: memória, sessão e banco. Quando subir cada degrau sem virar overengineering.

  • Setup do ambiente
  • O repositório base e a primeira tela
  • Estado na memória: useState e useReducer
  • Estado na sessão: persistência sem backend
  • Banco de dados real com Supabase
Em breve

Dados de teste e estados visuais

Faker.js com dados BR. Admin pra criar perfis de teste. Overlay que troca entre vazio, cheio, loading e erro com um clique.

  • Por que dado mock importa
  • Faker.js: dados realistas em escala
  • Mock Service Worker (MSW): simulando uma API
  • O admin de perfis de teste
  • O overlay de estados visuais
Em breve

Features de IA e integrações

Chamar Claude ou OpenAI direto do protótipo. Streaming, custo, fallback. APIs públicas como ViaCEP. Pensar features de IA e não telas de IA.

  • Features de IA, não telas de IA
  • LLM API: criando uma feature de IA que funciona
  • Streaming: por que importa e como implementar
  • Custo, rate limit, fallback
  • Integrando uma API REST pública
  • Padrões de UX para features generativas
Em breve

Build, deploy e mobile

Protótipo em produção em 5 min. QR code com perfil de teste embutido. Responsive sem dor. Documentação do caso de uso do curso.

  • Build local e otimização
  • Deploy na Vercel
  • QR code: protótipo no celular da pessoa
  • Responsive sem dor
  • Apresentação, feedback e case study
Em breve

Conteúdo em produção — títulos, descrições e aulas podem mudar ao longo das gravações.

Quem está por trás
Nanda Dias, criadora do Protótipo Funcional
Nanda Dias Product Design, Cientista de Dados e Especialista em Neurociência
IT'S ME, NANDA
Este curso é o que eu queria ter tido quando comecei a prototipar experiências mais complexas.

Designer há mais de 15 anos, curiosa por natureza e viciada em entender como as coisas funcionam.

Hoje meu foco está em como usar IA pra otimizar o processo de UX/UI e construir as novas experiências e produtos de IA. No Laboratório Design IA, meu projeto paralelo, compartilho o que vou aprendendo nesse mar de experimentos.

Esse curso é o destilado dele: tudo que aprendi prototipando de verdade nos últimos anos, organizado num lugar só: como sair do mockup, abrir o editor e entregar na mão do time e dos usuários algo que funciona.

FAQ

Perguntas frequentes

Previsão de setembro de 2026. Cada módulo vai pro ar conforme é finalizado, com aviso prévio aos alunos. Quem entra no early bird acompanha o roadmap em tempo real.
Porque IA muda toda semana. Se eu lançar tudo de uma vez, parte está desatualizada no dia. Liberando em ondas, posso incluir o que aparecer de novo nos módulos seguintes — sem o curso virar peça de museu.
Não. Mas você precisa estar disposta a aprender. O Módulo 1 te dá a base mental, o Módulo 2 te coloca no ambiente. Se nunca usou terminal, vai ser desconfortável os primeiros 2-3 dias. Depois passa.
Não. São opcionais e ficam gravadas. Mas é onde o aprendizado acelera — você traz seu projeto e recebe feedback ao vivo. Acontecem mensalmente durante o early access.
Sim. Você fica com tudo: aulas, repositórios e gravações dos encontros. Inclusive os módulos liberados depois da sua compra.
7 dias após a compra, direto pela Hotmart. Nem precisa justificar.
Investimento

Vamos prototipar experiências que funcionam?

Modelo iterativo: o curso é liberado em ondas conforme cada módulo é produzido. Acesso vitalício a tudo.

Uma comunidade de design mais plural

Design fica melhor quando a sala tem mais vozes diferentes. Se você se encaixa em um (ou mais) desses contextos e o valor é uma barreira, me escreve que a gente conversa:

  • Estudante de design fora do mercado
  • Pessoa em transição de carreira para design
  • Pessoa negra, indígena, trans, travesti ou PCD
contato@prototipofuncional.com.br
Garanta sua vaga

Hey designer, bora construir experiências reais?

Lote early bird · Durante as gravações por R$ 397 · Acesso imediato · Vitalício

Começar a prototipar

Dúvidas, comentários, críticas, sugestões? Bora trocar uma ideias contato@prototipofuncional.com.br

Hey, designer