Tailwind CSS: produtividade real ou bagunça de classe disfarçada?

Não tem meio-termo: as pessoas amam ou odeiam Tailwind. Depois de 2 anos usando em produção, tenho uma opinião mais matizada.

O que Tailwind resolve de verdade

Velocidade inicial. Você não sai do arquivo para criar CSS. Para quem tem memória visual do design system, é incrivelmente rápido.

Consistência de escala. Com tokens definidos (cores, espaçamento, tipografia), é difícil "inventar" um valor fora do sistema. Isso é subestimado em times.

Sem naming de classes. Inventar nome para .container-wrapper-inner é um problema real. Tailwind elimina isso.

O que Tailwind não resolve

Legibilidade. Um div com 15 classes utilitárias é objetivamente mais difícil de ler do que um componente com nome semântico. Isso não muda com o tempo.

Componentes repetidos. Sem abstrações (componentes React, @apply com cuidado), você vai copiar as mesmas 10 classes por todo o projeto.

Colaboração com designers. Traduzir um Figma para Tailwind ainda é manual. O gap entre design e código não diminuiu.

O que me convenceu a ficar

Componentes. Se você está usando React, Vue ou Svelte, as classes ficam encapsuladas no componente. O problema de legibilidade some quando você abre <Button> e não vê as 12 classes utilitárias.

Sem Tailwind + sem componentização = caos. Com Tailwind + componentização = produtividade real.

A pergunta honesta

Você usa Tailwind porque é genuinamente mais produtivo, ou porque todo projeto novo usa e ficou a escolha padrão?