Workshop Online

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.

€149 €249

📅 4 date disponibili

Riserva il tuo posto

100% remoto

Approccio pratico

6 partecipanti

Project work

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, imparerai 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.
I moduli prevedono sempre una parte teorica e una parte pratica e analisi esempi reali.

Modulo 01

Fondamenti Teorici

Fondamenti, evoluzione e valore dei design tokens nei design system moderni

Argomenti
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

Modulo 02

Architettura e Organizzazione

Organizza i design tokens in un sistema scalabile

Argomenti
Architettura a livelli: global, alias e component tokens
Design tokens systems: color, typography, spacing, icon
Gestire la specificità
Strategie di versionamento

Modulo 03

Naming e Tassonomia

Impara a scegliere nomi significativi che descrivono in modo chiaro i fondamenti visivi dell'interfaccia.

Argomenti
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

Modulo 04

Costruzione e Adozione

Gestisci l'intero ciclo di vita dei design token attraverso strumenti e formati differenti

Argomenti
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

Modulo 05

I design tokens nel codice

Implementare i design tokens nei files CSS per design system e componenti personalizzati.

Argomenti
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

Modulo 06

Governance e Documentazione

Pianifica e gestisci i design tokens nel tempo

Argomenti
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

€149 €249

📅 4 date disponibili

Riserva il tuo posto

Testimonials

Cosa dicono i partecipanti

Docente

Ciao! Sono Francesco Improta, 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.

Approfonisci chi sono

Domande Frequenti

Questo corso è per me?

Hai dubbi se questo workshop fa per te? Ecco le risposte alle domande più comuni.

Come funziona il workshop?

Il workshop si svolge online via Google Meet, con sessioni pratiche e teoria. Riceverai un link per accedere una settimana prima della data prevista.

Devo avere esperienza con i design tokens?

No, il workshop parte dalle basi. Ti fornirò io tutti gli strumenti teorici e pratici per mettere in pratica quanto appreso.

L'acquisto del corso è per una data specifica?

No, il tuo acquisto è valido per tutte le date disponibili. Se non puoi partecipare alla data pubblicata, potrai farlo in una delle successive. In genere annuncio le date un mese prima.

Posso partecipare anche se non sono un designer?

Assolutamente sì! Il workshop è utile per tutti coloro i quali vogliono approfondire la conoscenza dei design tokens, indipendentemente dal proprio ruolo in un team.

Cosa succede se acquisto il corso ma non posso partecipare?

Nessun problema, il tuo acquisto sarà valido per una delle date successive, a meno che non ci ripensi. In quel caso ti sarà inviato un rimborso.

Posso pagare il corso a rate?

Sì, supporto Paypal e Klarna come metodi di pagamento che ti consentono di suddividere l'importo in piani a rate, secondo le rispettive modalità.

Ho bisogno di strumenti specifici?

No, basta un computer e una connessione internet. Ti fornirò tutto il materiale necessario.

È possibile organizzare un workshop per più di 6 persone?

Per workshop aziendali personalizzati puoi contattarmi a me[at]francescoimprota.com.

Vuoi migliorare la coerenza della tua interfaccia?

Partecipa al workshop e metti in pratica quanto imparato nei tuoi progetti

€149 €249

📅 4 date disponibili

Riserva il tuo posto

Hai dubbi o altre domande?

Parliamone insieme