La excusa del "somos muy chicos"
Todos los equipos de menos de 10 personas con los que trabajamos dicen lo mismo: "No necesitamos un design system todavía. Somos muy chicos." Después pasan horas debatiendo estilos de botones en PRs, recreando componentes que ya existen en otra parte de la app, y arreglando inconsistencias visuales.
Un design system no es un lujo para empresas grandes. Es una herramienta de ahorro de tiempo para cualquier equipo shipeando UI.
Empezá con tokens, no con componentes
La mayoría de las guías de design systems empiezan construyendo una librería de componentes. Eso es al revés para equipos chicos. Empezá con design tokens — las decisiones más pequeñas que afectan todo:
- Colores: 5 colores máximo. Primario, secundario, fondo, texto y acento.
- Espaciado: Unidad base de 4px. Usá múltiplos: 4, 8, 12, 16, 24, 32, 48.
- Tipografía: 2 fuentes máximo. Una para títulos, una para cuerpo. 4-5 tamaños.
- Border radius: Elegí un valor y usalo en todos lados.
Ponelos en CSS custom properties. Listo en una tarde.
Después agregá 5 componentes
Después de los tokens, construí exactamente 5 componentes: Button, Input, Card, Modal y Badge. Cubren el 80% de tus necesidades de UI.
No abstraigas demasiado temprano. Copiar y pegar está bien hasta que usaste un patrón 3+ veces.
Documentá con uso, no con specs
Nadie lee specs de Figma. En cambio, documentá cada componente con un solo ejemplo mostrando el uso más común.
La regla de mantenimiento
Cada viernes, dedicá 30 minutos a revisar la UI nueva agregada esa semana. ¿Usa tokens y componentes existentes? Si no, o la UI nueva está mal o el sistema necesita actualizarse.
