Theming
Poder cambiar el aspecto de un producto (por ejemplo el modo claro y el oscuro, o los colores de marcas distintas) sin rehacer nada por dentro. Se logra cambiando solo los valores base de estilo (los tokens, como los colores o los espaciados con nombre) mientras la estructura y los componentes siguen siendo los mismos.
En una analogía · Es cambiarle la funda al móvil: el aparato es el mismo, el aspecto cambia entero según el tema (claro, oscuro, marca).
También conocido como: tematización
La clave del theming es separar la estructura de su apariencia. Los componentes no llevan los colores escritos a fuego, sino que apuntan a tokens; cambiando el conjunto de tokens, cambia el aspecto entero sin tocar el componente.
Esto evita el peor escenario: mantener una copia del producto para cada modo o cada marca. Con un buen sistema de tokens, el modo oscuro o una segunda marca son, en esencia, otro juego de valores aplicado sobre lo mismo.
Lecturas de referencia
A seguir
Seguir leyendo
- El ParteFigma Code Connect reduce tokensFigma Code Connect permite a los diseñadores mapear componentes de diseño con código real, lo que reduce la cantidad de tokens necesarios
- GuíaAuditoría AI-readiness de un design system en 7 pasosProcedimiento completo para diagnosticar si un design system existente es consumible por agentes: fuentes de verdad, tokens, APIs de componente, principios, exposición, governance y plan de cierre.
- GuíaCómo se implementa un MCP server para tu design systemAnatomía mínima de un servidor Model Context Protocol que expone los tokens, principios y componentes de tu sistema a un cliente agéntico.
Recibe la próxima guía en tu correo
Una guía operativa nueva cada poco: cómo se construye, qué decisiones implica y qué no se hace. Sin ruido, solo cuando hay algo útil.