Design Tokens Workshop
Il corso completo sui design tokens
Impara a creare e gestire i design tokens in modo efficace, garantendo la coerenza visiva dell'interfaccia e accelerando lo sviluppo.
100% remoto
Approccio pratico
6 partecipanti
Project work
Early Bird fino al 15 settembre 2026. 4 posti rimasti. Il tuo acquisto è valido anche per le prossime date.
Dalle basi agli argomenti avanzati, questo corso copre tutti gli aspetti più importanti da conoscere per utilizzare al meglio i design tokens nella progettazione di un Design System e di interfacce digitali.
Cosa Impari
Definire un'architettura scalabile
Impari ad organizzare i design tokens in gruppi logici secondo un architettura modulare, stabilendo ruoli e responsabilità
Nominare i design tokens in modo efficace
Acquisci le competenze per creare naming convention, evitando errori comuni e garantendo chiarezza nel lungo periodo.
Gestire il ciclo di vita dei design tokens
Da Figma al JSON alle variabili CSS, impari a governare l'intero ciclo di vita dei design tokens del tuo prodotto digitale.
Allineare il team e ottimizzare i processi
Designer, developer e PM parleranno finalmente la stessa lingua, grazie a una base condivisa e visibile del sistema esistente.
Il programma completo
Il workshop è organizzato su due giornate da 4 ore, generalmente dalle 09:00 alle 13:00.
01 Fondamenti Teorici
Fondamenti, evoluzione e valore dei design tokens nei design system moderni
01 Fondamenti Teorici
Fondamenti, evoluzione e valore dei design tokens nei design system moderni
- Definizione approfondita dei design tokens nel contesto dei moderni sistemi di design
- Evoluzione dai valori hardcoded ai design tokens: storia e contesto
- Differenze pratiche tra variabili CSS, variabili SASS, stili Figma e tokens
02 Architettura e Organizzazione
Organizza i design tokens in un sistema scalabile
02 Architettura e Organizzazione
Organizza i design tokens in un sistema scalabile
- Architettura a livelli: global, alias e component tokens
- Design tokens systems: color, typography, spacing, icon
- Gestire la specificità
- Strategie di versionamento
03 Naming e Tassonomia
Scegliere nomi significativi per i fondamenti visivi dell'interfaccia
03 Naming e Tassonomia
Scegliere nomi significativi per i fondamenti visivi dell'interfaccia
- Come costruire una tassonomia di vocaboli
- Le caratteristiche di un buon nome
- Creare nomi memorabili
- Convenzioni di scrittura
- Specifiche W3C e standard emergenti
- Esercitazione: creare una tassonomia, dare un nome ai design, progettare un inventario
04 I design tokens in Figma
Gestisci l'intero ciclo di vita dei design tokens
04 I design tokens in Figma
Gestisci l'intero ciclo di vita dei design tokens
- Flusso di lavoro completo: dalla definizione all'implementazione
- Usare i design tokens in Figma
- Demo: esportazione e gestione tramite Style Dictionary
- Strategie per la collaborazione designer-developer
- Esercitazione: applicare i design tokens in Figma
05 I design tokens nel codice
Implementare i design tokens nei files CSS
05 I design tokens nel codice
Implementare i design tokens nei files CSS
- Tecniche di trasformazione da JSON a CSS tramite Style Dictionary
- Media queries e tokens: gestione responsive
- Gestire temi e dark mode con i design tokens e CSS
- Esercitazione: trasformare i design tokens in variabili per il codice
06 Governance e Documentazione
Pianifica e gestisci i design tokens nel tempo
06 Governance e Documentazione
Pianifica e gestisci i design tokens nel tempo
- Modello di governance: chi fa cosa
- Gestire aggiornamenti e rilasci
- Versionamento semantico
- Documentare i design tokens
Cosa Include
- 📚 Materiale didattico e risorse scaricabili
- 📺 Registrazioni delle lezioni
- 🎤 Supporto post workshop
- 🏅 Attestato di partecipazione
Early Bird fino al 15 settembre 2026. 4 posti rimasti. Il tuo acquisto è valido anche per le prossime date.
Cosa dicono i partecipanti
Francesco Improta
👋 Ciao! Sono un designer con oltre 20 anni di esperienza nella progettazione di prodotti digitali, specializzato in Design System.
Ho creato questo workshop per aiutarti a comprendere i design tokens e ad applicarli in modo efficace, riducendo i tempi e migliorando la qualità del prodotto.
Durante il workshop, condividerò esperienze pratiche e strumenti che ho utilizzato in anni di lavoro su progetti di varia natura.
Questo corso è per me?
Hai dubbi se questo workshop fa per te? Ecco le risposte alle domande più comuni.
Come funziona il workshop?
Devo avere esperienza con i design tokens?
L'acquisto del corso è per una data specifica?
Posso partecipare anche se non sono un designer?
Cosa succede se acquisto il corso ma non posso partecipare?
Posso pagare il corso a rate?
Ho bisogno di strumenti specifici?
È possibile organizzare un workshop per più di 6 persone?
Crea design tokens efficaci
Impara a creare e gestire i design tokens in modo efficace, garantendo la coerenza visiva dell'interfaccia e accelerando lo sviluppo.
Early Bird fino al 15 settembre 2026. 4 posti rimasti. Il tuo acquisto è valido anche per le prossime date.
Hai dubbi o altre domande?