Guias
Cada guia pega um assunto e vai do começo ao fim, com exemplo de código que você pode copiar e a tradução do que aquilo é no Figma. Estão organizados nos seis módulos da trilha.
Fundamentos da web
HTML semântico, como a página existe no navegador e o vocabulário mínimo.
CSS de verdade
Layout, tokens e responsividade. A ponte mais curta entre o Figma e o código.
JavaScript essencial
O mínimo que resolve 90% do que um designer precisa fazer.
React e componentização
Pensar em componente é pensar em design system.
Next.js na prática
Um projeto real no ar: rotas, estilo e deploy.
IA como copiloto
Usar IA sem virar refém dela, e saber revisar o que ela escreve.
IA como copiloto
12 minComo pedir código pra IA, o que conferir no que ela devolve, e por que o olho de designer virou a parte cara do processo.
Primeiros passos com o Claude Code
12 minO app do Claude tem três abas e só uma mexe nos seus arquivos. Como abrir a Code, apontar pra uma pasta e revisar o que mudou comentando no diff, igual comentário de Figma.