Colección de componentes reutilizables, patrones y guías que aseguran consistencia visual y de interacción en productos digitales a escala.
Un sistema de diseño es una colección de componentes reutilizables, design tokens, patrones y documentación que permite construir productos consistentes a escala. No es solo una librería de componentes — incluye principios, guías de uso y gobernanza.
| Sistema | Organización |
|---|---|
| Material Design | |
| Fluent | Microsoft |
| Carbon | IBM |
| Primer | GitHub |
| shadcn/ui | Comunidad |
Un design system no es una librería de componentes — es un lenguaje compartido entre diseño e ingeniería. Reduce la toma de decisiones repetitiva, garantiza consistencia visual y acelera el desarrollo al proporcionar primitivas probadas y documentadas.
Biblioteca de JavaScript para construir interfaces de usuario mediante componentes declarativos y reutilizables, con un ecosistema que abarca desde SPAs hasta aplicaciones full-stack con Server Components.
Práctica de diseñar y desarrollar productos digitales que puedan ser usados por todas las personas, incluyendo aquellas con discapacidades visuales, auditivas, motoras o cognitivas.
Framework CSS utility-first que permite construir diseños directamente en el markup usando clases atómicas, eliminando la necesidad de escribir CSS custom.
Estándares web nativos para crear componentes reutilizables y encapsulados que funcionan en cualquier framework o sin framework.
Disciplina enfocada en optimizar la productividad, satisfacción y efectividad de los desarrolladores mediante herramientas, procesos y entornos bien diseñados.
Boilerplate para crear librerías React con TypeScript, Rollup, Jest, Tailwind CSS, Husky y publicación en npm.
Disciplina que abarca todos los aspectos de la interacción de una persona con un producto, sistema o servicio, buscando que sea útil, usable y satisfactorio.