Spring GDS 25è Aniversari
Una empresa de logística que envia a 190 països va construir alguna cosa per enviar-se a si mateixa.
Design tokens
Què són els design tokens?
Els design tokens són valors amb nom que guarden decisions visuals. En lloc d'escriure un codi hexadecimal com #1A73E8 a cinquanta llocs, defineixes color-primary una sola vegada i el referencies a tot arreu. Colors, espaiat, mides de font, radis de vora, ombres, temps d'animació. Cadascun es converteix en una petita variable reutilitzable a la qual apunten tant dissenyadors com desenvolupadors.
La força és en la indirecció. Com que un token és un nom, no un valor en cru, canviar el valor a un lloc actualitza cada pantalla que el fa servir. Els tokens també habiliten els temes gairebé sense feina extra: canvia els valors darrere dels teus noms de token i un producte passa del mode clar al fosc, o d'una marca a una altra, sense tocar el layout. Els tokens solen ser a la base d'un design system, alimentant la llibreria de components que tenen a sobre. Quan una empresa fa rebranding i el seu blau canvia, un producte tokenitzat modifica una definició en lloc de rastrejar milers de fitxers. Un token com spacing-md vol dir que un dissenyador i un enginyer per fi parlen dels mateixos vuit píxels exactes.
Els tokens solen estructurar-se en nivells. Els tokens primitius guarden valors en cru. Els tokens semàntics els donen significat, com color-text-error. Els tokens de component mapen el significat a parts concretes. Aquesta estratificació és el que permet que un producte gran segueixi sent consistent i, alhora, fàcil de canviar.
Els design tokens a Dallonses
Construïm els design tokens com la columna vertebral dels design systems que publiquem. Els tokens són on disseny i enginyeria per fi parlen el mateix idioma, perquè un valor definit en disseny aterri al codi sense pèrdua en la traducció. És la diferència entre un sistema que es desmembra amb el temps i un que es manté coherent a mesura que escala.
Per a marques globals que porten diversos productes i temes, els tokens són el que converteix els rebrandings i el mode fosc en un canvi de configuració en lloc d'una reconstrucció. Definim l'estructura de tokens amb el teu equip, la cablegem al teu disseny d'UI i a la teva base de codi, i la documentem perquè els teus enginyers la puguin ampliar molt després que ens n'hàgim anat. El sistema segueix sent teu.
Vols un design system que canviï a un lloc, no a cinquanta? Muntem els teus tokens.
Serveis relacionats
Treballs relacionats
Vizitio
Convertir una marca en un negoci que funciona.
Access Ticket
Mig milió de persones. Una app. Zero caos.
Preparat per a traballar junts?
Reserva una reunió
