Página de artigo

Um design system nasce dos tokens. Antes de qualquer componente, você define os valores atômicos — cor, espaço, forma e movimento — em uma fonte única de verdade.

1. Comece pelos tokens

Três camadas: primitivos, semânticos e de componente. Cada nível referencia o anterior, garantindo consistência e temas trocáveis.

2. Componha com composição

Prefira subcomponentes compostos a props booleanas infinitas. Use CVA para variantes e mantenha a lógica de negócio fora da UI.

“Um bom design system é invisível: ele acelera sem impor.”