En No Country, equipo de 6 personas en 3 países, 5 semanas, diseñamos un Design System multibrand que permite a múltiples productos EdTech compartir base sin perder identidad: 70% core obligatorio, 30% personalizable.
El desafío
Definir qué iba en el 70% core (inmutable) vs el 30% personalizable. Cada marca quería libertad creativa, pero demasiada personalización rompe la consistencia educativa que el sistema tenía que garantizar.
Cómo lo resolví
- 01
Research antes de tokens
Antes de definir el sistema, analizamos 4 plataformas EdTech reales (Coursera, edX, Udemy, Platzi) para identificar patrones comunes. Las personas no eran estudiantes, eran los diseñadores y devs que iban a usar el sistema.
- 02
Core como invariante de marca, no como estilo visual
El 70% core lleva grid, espaciado, radios, sombras, comportamiento de componentes, accesibilidad AA y patrones UX (onboarding, errores, progreso). Lo personalizable: solo color primario/secundario/acento, tipografía (3 opciones pre-aprobadas) e iconografía.
- 03
UX Writing como sistema, no decoración
Voz y tono codificados con guidelines completas: clara, humana, motivadora sin exagerar. Microcopys estandarizados ('Cargando…', 'Guardado'), errores empáticos, y un sistema de adaptación por marca que ajusta tono sin cambiar voz fundamental.
Lo entregado
- Tokens (color, tipografía, espaciado, radios, sombras, motion) en Figma Variables con light/dark
- Biblioteca UI: botones, inputs, cards, navegación, modals, alerts, tablas, progress bars
- Sistema de gobernanza + documentación en Notion para equipos no técnicos
Cierre
Diseñar un Design System es 30% diseño visual y 70% gobernanza y documentación. Componentes bonitos no sirven si nadie sabe cuándo usarlos. La colaboración multicultural me enseñó a justificar cada decisión: no podés decir 'me gusta más así'. Si volviera a hacerlo: menos componentes, mejor documentados.