Utility-First. Perché i design system coerenti nascono più velocemente — e dove l'approccio finisce.
Categoria · Frontend & UI
Utility-first invece dello stylesheet.
Tailwind è un framework CSS che non fornisce componenti già pronti, ma piccole classi di utilità: `flex`, `gap-4`, `text-sm`. Si applica lo stile direttamente nel markup, anziché in stylesheet separati che col tempo nessuno tocca più.
Le classi non sono caos: sono l'espressione di un sistema di token, in cui spaziature, colori e dimensioni dei caratteri provengono da una configurazione centrale.
Perché è più veloce.
Perché il design system è ancorato direttamente nel build. Invece di inventare CSS, si combinano valori definiti: la coerenza nasce come effetto collaterale, non per disciplina. Gli stili morti scompaiono, perché le classi inutilizzate vengono automaticamente eliminate dal bundle.
Dove l'approccio finisce.
Le lunghe catene di classi nel markup richiedono abitudine, e senza astrazione in componenti nasce ripetizione. Tailwind non sostituisce un design system: è lo strumento con cui se ne realizza uno. I token, qualcuno deve definirli con pulizia.