Multibrand Design System

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.

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.

1. 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.

2. 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.

3. 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.

• →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

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.