Utility-First. Porque os design systems consistentes nascem assim mais depressa — e onde a abordagem termina.
Categoria · Frontend & UI
Utility-first em vez de stylesheet.
O Tailwind é uma framework de CSS que não entrega componentes prontos, mas sim pequenas classes utilitárias: `flex`, `gap-4`, `text-sm`. Estiliza-se diretamente no markup em vez de em stylesheets separadas que, com o tempo, ninguém mais quer tocar.
As classes não são, porém, um crescimento descontrolado, mas a expressão de um sistema de tokens: espaçamentos, cores e tamanhos de letra vêm de uma configuração central.
Porque isto é mais rápido.
Porque o design system fica ancorado diretamente no build. Em vez de inventar CSS, combinam-se valores definidos — a consistência surge como efeito secundário, não por disciplina. Estilos mortos desaparecem, porque as classes não usadas são removidas automaticamente do bundle.
Onde a abordagem chega ao limite.
Cadeias longas de classes no markup são pouco habituais de ler e, sem uma abstração de componentes, surge repetição. O Tailwind não substitui um design system — é a ferramenta com que se implementa um. Os tokens têm de ser definidos por alguém de forma limpa.