Pular para o conteúdo

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.

01

Fundamentos da web

HTML semântico, como a página existe no navegador e o vocabulário mínimo.

02

CSS de verdade

Layout, tokens e responsividade. A ponte mais curta entre o Figma e o código.

03

JavaScript essencial

O mínimo que resolve 90% do que um designer precisa fazer.

04

React e componentização

Pensar em componente é pensar em design system.

05

Next.js na prática

Um projeto real no ar: rotas, estilo e deploy.

06

IA como copiloto

Usar IA sem virar refém dela, e saber revisar o que ela escreve.