D · Glossario Muza

di-zàin tò-chen

Design Token

loc. s. m. inv. [dall'ingl. design token; gli elementi atomici del design (colori, tipografia, spaziature, ombre) salvati come variabili di codice indipendenti dalla piattaforma, utilizzati per garantire coerenza visiva e scalabilità su tutti i prodotti digitali di un brand]

Definizioni

Lo stile ha un nome in codice.

I Design Token sono il vero ponte tra il mondo del design grafico (Figma) e lo sviluppo codice (CSS/JS). Trasformando i colori o i font in 'variabili' di sistema, le aziende si assicurano che ogni aggiornamento visivo venga propagato in tempo reale su app iOS, Android e web in perfetta coerenza, senza interventi manuali sui file.

Esempi

«Grazie ai design token, modificando un solo valore esadecimale si aggiorna automaticamente il colore primario sia sul sito web che sull'app mobile.»
«Il team di UX/UI ha esportato i design token direttamente da Figma per passarli in modo pulito agli sviluppatori frontend.»

Etimologia

Termine coniato nel 2014 dalla designer Jina Anne durante la creazione del Lightning Design System di Salesforce.

LE NOSTRE CERTIFICAZIONI

ISO 9001 — Gestione della Qualità

ISO IEC 27001 — Sicurezza delle Informazioni

ISO IEC 27017 — Sicurezza Cloud