Spring GDS 25 Aniversario
Una empresa de logística que envía a 190 países construyó algo para enviarse a sí misma.
Design tokens
¿Qué son los design tokens?
Los design tokens son valores con nombre que guardan decisiones visuales. En lugar de escribir un código hexadecimal como #1A73E8 en cincuenta sitios, defines color-primary una sola vez y lo referencias en todas partes. Colores, espaciado, tamaños de fuente, radios de borde, sombras, tiempos de animación. Cada uno se convierte en una pequeña variable reutilizable a la que apuntan tanto diseñadores como desarrolladores.
La fuerza está en la indirección. Como un token es un nombre, no un valor en crudo, cambiar el valor en un sitio actualiza cada pantalla que lo usa. Los tokens también habilitan los temas casi sin trabajo extra: cambia los valores detrás de tus nombres de token y un producto pasa del modo claro al oscuro, o de una marca a otra, sin tocar el layout. Los tokens suelen estar en la base de un design system, alimentando la librería de componentes que tienen encima. Cuando una empresa hace rebranding y su azul cambia, un producto tokenizado modifica una definición en lugar de rastrear miles de archivos. Un token como spacing-md significa que un diseñador y un ingeniero por fin hablan de los mismos ocho píxeles exactos.
Los tokens suelen estructurarse en niveles. Los tokens primitivos guardan valores en crudo. Los tokens semánticos les dan significado, como color-text-error. Los tokens de componente mapean el significado a partes concretas. Esa estratificación es lo que permite que un producto grande siga siendo consistente y, a la vez, fácil de cambiar.
Los design tokens en Dallonses
Construimos los design tokens como la columna vertebral de los design systems que publicamos. Los tokens son donde diseño e ingeniería por fin hablan el mismo idioma, para que un valor definido en diseño aterrice en el código sin pérdida en la traducción. Es la diferencia entre un sistema que se desmembra con el tiempo y uno que se mantiene coherente a medida que escala.
Para marcas globales que llevan varios productos y temas, los tokens son lo que convierte los rebrandings y el modo oscuro en un cambio de configuración en vez de una reconstrucción. Definimos la estructura de tokens con tu equipo, la cableamos a tu diseño de UI y a tu base de código, y la documentamos para que tus ingenieros puedan ampliarla mucho después de que nos hayamos ido. El sistema sigue siendo tuyo.
¿Quieres un design system que cambie en un sitio, no en cincuenta? Montemos tus tokens.
Servicios relacionados
Trabajos relacionados
Vizitio
Convertir una marca en un negocio que funciona.
Access Ticket
Medio millón de personas. Una app. Cero caos.
¿Listo para trabajar juntos?
Reservar una reunión
