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

A working desk reflected in a picture

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

01

Definire un'architettura scalabile

Impari ad organizzare i design tokens in gruppi logici secondo un architettura modulare, stabilendo ruoli e responsabilità

02

Nominare i design tokens in modo efficace

Acquisci le competenze per creare naming convention, evitando errori comuni e garantendo chiarezza nel lungo periodo.

03

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.

04

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

Francesco Improta - Design Token Expert and Course Instructor

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