Utility-First. Por qué los sistemas de diseño consistentes nacen así más rápido — y dónde acaba el enfoque.
Categoría · Frontend y UI
Utility-First en lugar de hoja de estilos.
Tailwind es un framework de CSS que no entrega componentes terminados, sino pequeñas clases de utilidad: `flex`, `gap-4`, `text-sm`. Se aplica el estilo directamente en el markup, en vez de en hojas de estilo separadas que, con el tiempo, nadie vuelve a tocar.
Esas clases no son un crecimiento descontrolado, sino la expresión de un sistema de tokens: márgenes, colores y tamaños de fuente provienen de una configuración central.
Por qué es más rápido.
Porque el design system queda anclado directamente en el build. En lugar de inventar CSS, se combinan valores definidos: la consistencia surge como efecto secundario, no por disciplina. Los estilos muertos desaparecen, porque las clases sin uso caen automáticamente del bundle.
Dónde termina el enfoque.
Las largas cadenas de clases en el markup cuestan de leer al principio, y sin abstracción en componentes surge repetición. Tailwind no sustituye a un design system: es la herramienta con la que se implementa uno. Alguien tiene que definir los tokens con limpieza.