AI x UX/UI
From brief to build
Svilupperai una visione strategica sull'uso dell'AI nel design di prodotto, comprendendo come stia ridefinendo workflow, sistemi visivi e collaborazione con lo sviluppo.
©
Since — 2024
Read Testimonials
[01]
Method
Dopo questa Masterclass, sarai in grado di ...
Progettare e prototipare interfacce digitali con l'AI, seguendo un processo completo: dal brief al prodotto, con strumenti avanzati per design system e prototipazione funzionale.
01 / Live Online
Partecipa in gruppo, crea dal vivo. Lezioni interattive, esercizi pratici e confronto in tempo reale.
02 / Corso Individuale
Un percorso 1:1 su misura per te. Decidi i tempi, costruiamo insieme i contenuti.
01
Costruire un mental model solido dell'AI nel design
Capire cosa cambia, davvero. Comprenderai la differenza tra i principali strumenti AI del tuo ecosistema — Figma AI nativa, Figma Make, Claude — e imparerai a scegliere quello giusto per ogni fase del processo, invece di usarli in modo intercambiabile.
02
Trasformare un brief in discovery strutturata
Dal brief grezzo agli artefatti UX. Userai l'AI per accelerare brainstorming, personas, user journey e problem statement in FigJam, mantenendo la ricerca — e le decisioni — saldamente nelle tue mani.
03
Progettare design system scalabili con l'AI
Costruire un sistema, non solo schermate. Imparerai a generare un design system con token, componenti coerenti e guidelines, con un workflow che resta sincronizzato tra Figma e codice.
04
Prototipare interfacce funzionanti con agenti AI
Dal wireframe al prototipo che si comporta come un prodotto vero. Userai tutto l’ecosistema Figma per costruire prototipi interattivi e navigabili, scrivendo prompt strutturati con un metodo replicabile.
05
Creare asset visivi e garantire qualità, accessibilità e handoff
Completare il design, non solo consegnarlo. Produrrai illustrazioni, icone e componenti visivi con l'AI generativa, verificando accessibilità e handoff.
01
Costruire un mental model solido dell'AI nel design
Capire cosa cambia, davvero. Comprenderai la differenza tra i principali strumenti AI del tuo ecosistema — Figma AI nativa, Figma Make, Claude — e imparerai a scegliere quello giusto per ogni fase del processo, invece di usarli in modo intercambiabile.
02
Trasformare un brief in discovery strutturata
Dal brief grezzo agli artefatti UX. Userai l'AI per accelerare brainstorming, personas, user journey e problem statement in FigJam, mantenendo la ricerca — e le decisioni — saldamente nelle tue mani.
03
Progettare design system scalabili con l'AI
Costruire un sistema, non solo schermate. Imparerai a generare un design system con token, componenti coerenti e guidelines, con un workflow che resta sincronizzato tra Figma e codice.
04
Prototipare interfacce funzionanti con agenti AI
Dal wireframe al prototipo che si comporta come un prodotto vero. Userai tutto l’ecosistema Figma per costruire prototipi interattivi e navigabili, scrivendo prompt strutturati con un metodo replicabile.
05
Creare asset visivi e garantire qualità, accessibilità e handoff
Completare il design, non solo consegnarlo. Produrrai illustrazioni, icone e componenti visivi con l'AI generativa, verificando accessibilità e handoff.
By the numbers
%
Riduzione delle inconsistenze nel design system grazie a un processo AI-assistito
%
Riduzione delle inconsistenze nel design system grazie a un processo AI-assistito
+%
Aumento dell'efficienza operativa nei team che integrano l'AI nel workflow di design
+%
Aumento dell'efficienza operativa nei team che integrano l'AI nel workflow di design
-%
Riduzione del tempo di rilascio delle nuove feature con un processo strutturatopt design
-%
Riduzione del tempo di rilascio delle nuove feature con un processo strutturatopt design
[03]
Pricing
Scegli il tuo percorso. Inizia ora.
Formazione pratica, formule flessibili. Scegli il pacchetto più adatto a te.
Call 1:1 con il docente
Un’ora con il docente per rispondere ai tuoi dubbi, orientarti nei tool e ricevere consigli su misura.
€
Tutto incluso
What's included.
Call 1:1 con il docente
Un’ora con il docente per rispondere ai tuoi dubbi, orientarti nei tool e ricevere consigli su misura.
€
Tutto incluso
What's included.
Call 1:1 con il docente
Un’ora con il docente per rispondere ai tuoi dubbi, orientarti nei tool e ricevere consigli su misura.
€
Tutto incluso
What's included.
Starts:
Coming Soon
Masterclass live online
Live online. Partecipa in gruppo, crea dal vivo. Lezioni interattive, workshop, esercizi pratici e confronto in tempo reale.
€
Tutto incluso
Anche a rate
What's included.
Starts:
Coming Soon
Masterclass live online
Live online. Partecipa in gruppo, crea dal vivo. Lezioni interattive, workshop, esercizi pratici e confronto in tempo reale.
€
Tutto incluso
Anche a rate
What's included.
Starts:
Coming Soon
Masterclass live online
Live online. Partecipa in gruppo, crea dal vivo. Lezioni interattive, workshop, esercizi pratici e confronto in tempo reale.
€
Tutto incluso
Anche a rate
What's included.
Corso Individuale
Percorso 1:1 personalizzato. Lavoriamo sui tuoi obiettivi reali. Sessioni pratiche, guida dedicata e lezioni sui tuoi tempi.
€
A partire da
Pagamento a rate
What's included.
Corso Individuale
Percorso 1:1 personalizzato. Lavoriamo sui tuoi obiettivi reali. Sessioni pratiche, guida dedicata e lezioni sui tuoi tempi.
€
A partire da
Pagamento a rate
What's included.
Corso Individuale
Percorso 1:1 personalizzato. Lavoriamo sui tuoi obiettivi reali. Sessioni pratiche, guida dedicata e lezioni sui tuoi tempi.
€
A partire da
Pagamento a rate
What's included.
[04]
Answers
FAQ’s Masterclass
Hai ancora dubbi? Qui trovi tutte le risposte.
Hai una domanda?
Se non hai trovato quello che cercavi, puoi scriverci in qualsiasi momento. Saremo felici di risponderti e aiutarti a capire se questo percorso è adatto a te.
Nessuna competenza tecnica in AI: partiamo da zero su questo fronte. Serve invece una pratica solida di Figma e del processo di design.
A UI/UX designer con esperienza consolidata su Figma che vogliono integrare l'AI generativa nel proprio processo di lavoro in modo strutturato e professionale. Non è un corso per chi muove i primi passi in Figma: diamo per acquisita la pratica di design, e concentriamo il tempo su come l'AI si inserisce in ogni fase — discovery, sistema, prototipo, qualità. Alla fine avrai una panoramica completa di un flusso di lavoro AI-integrato: dal brief a personas e wireframe, dal design system al prototipo funzionante, fino a un handoff che lo sviluppo può davvero usare.
Lavorerai nell'ecosistema Figma, funzionalità AI native, FigJam AI, Figma Make, Figma Agent con Skills e Connector, Figma Motion, Figma MCP Server e Figma Weave per la produzione di asset generativi in canvas — insieme a Claude Code e OpenAI Codex (Skills dedicate al design) come partner di pensiero e di generazione strutturata. Il programma si aggiorna in base ai nuovi rilasci di questi strumenti.
I costi degli abbonamenti mensili per i tool AI non sono inclusi nella quota di iscrizione. Perché i costi di queste licenze non sono inclusi nella quota di iscrizione? Questo approccio è adottato per darti l'opportunità di esercitarti in modo indipendente dopo le lezioni e di applicare questi strumenti nelle tue attività professionali. Al termine del mese potrai decidere se rinnovare o meno gli abbonamenti, ma siamo certi che non lo farai perché diventeranno indispensabili per il tuo lavoro.
Una volta effettuato l'acquisto, riceverai via email con i link per accedere alle registrazioni
[03]
Answers
FAQ’s Masterclass
Hai ancora dubbi? Qui trovi tutte le risposte.
Hai una domanda?
Se non hai trovato quello che cercavi, puoi scriverci in qualsiasi momento. Saremo felici di risponderti e aiutarti a capire se questo percorso è adatto a te.
Nessuna competenza tecnica in AI: partiamo da zero su questo fronte. Serve invece una pratica solida di Figma e del processo di design.
A UI/UX designer con esperienza consolidata su Figma che vogliono integrare l'AI generativa nel proprio processo di lavoro in modo strutturato e professionale. Non è un corso per chi muove i primi passi in Figma: diamo per acquisita la pratica di design, e concentriamo il tempo su come l'AI si inserisce in ogni fase — discovery, sistema, prototipo, qualità. Alla fine avrai una panoramica completa di un flusso di lavoro AI-integrato: dal brief a personas e wireframe, dal design system al prototipo funzionante, fino a un handoff che lo sviluppo può davvero usare.
Lavorerai nell'ecosistema Figma, funzionalità AI native, FigJam AI, Figma Make, Figma Agent con Skills e Connector, Figma Motion, Figma MCP Server e Figma Weave per la produzione di asset generativi in canvas — insieme a Claude Code e OpenAI Codex (Skills dedicate al design) come partner di pensiero e di generazione strutturata. Il programma si aggiorna in base ai nuovi rilasci di questi strumenti.
I costi degli abbonamenti mensili per i tool AI non sono inclusi nella quota di iscrizione. Perché i costi di queste licenze non sono inclusi nella quota di iscrizione? Questo approccio è adottato per darti l'opportunità di esercitarti in modo indipendente dopo le lezioni e di applicare questi strumenti nelle tue attività professionali. Al termine del mese potrai decidere se rinnovare o meno gli abbonamenti, ma siamo certi che non lo farai perché diventeranno indispensabili per il tuo lavoro.
Una volta effettuato l'acquisto, riceverai via email con i link per accedere alle registrazioni
[04]
Answers
FAQ’s Masterclass
Hai ancora dubbi? Qui trovi tutte le risposte.
Hai una domanda?
Se non hai trovato quello che cercavi, puoi scriverci in qualsiasi momento. Saremo felici di risponderti e aiutarti a capire se questo percorso è adatto a te.
Nessuna competenza tecnica in AI: partiamo da zero su questo fronte. Serve invece una pratica solida di Figma e del processo di design.
A UI/UX designer con esperienza consolidata su Figma che vogliono integrare l'AI generativa nel proprio processo di lavoro in modo strutturato e professionale. Non è un corso per chi muove i primi passi in Figma: diamo per acquisita la pratica di design, e concentriamo il tempo su come l'AI si inserisce in ogni fase — discovery, sistema, prototipo, qualità. Alla fine avrai una panoramica completa di un flusso di lavoro AI-integrato: dal brief a personas e wireframe, dal design system al prototipo funzionante, fino a un handoff che lo sviluppo può davvero usare.
Lavorerai nell'ecosistema Figma, funzionalità AI native, FigJam AI, Figma Make, Figma Agent con Skills e Connector, Figma Motion, Figma MCP Server e Figma Weave per la produzione di asset generativi in canvas — insieme a Claude Code e OpenAI Codex (Skills dedicate al design) come partner di pensiero e di generazione strutturata. Il programma si aggiorna in base ai nuovi rilasci di questi strumenti.
I costi degli abbonamenti mensili per i tool AI non sono inclusi nella quota di iscrizione. Perché i costi di queste licenze non sono inclusi nella quota di iscrizione? Questo approccio è adottato per darti l'opportunità di esercitarti in modo indipendente dopo le lezioni e di applicare questi strumenti nelle tue attività professionali. Al termine del mese potrai decidere se rinnovare o meno gli abbonamenti, ma siamo certi che non lo farai perché diventeranno indispensabili per il tuo lavoro.
Una volta effettuato l'acquisto, riceverai via email con i link per accedere alle registrazioni
[Official Partner]
Benefit esclusivi per gli studenti della masterclass.
Grazie ai nostri partner ufficiali, i partecipanti ricevono crediti e accessi inclusi per tutta la durata del corso.
[Official Partner]
Figma Weave mette a disposizione dei nostri studenti 2.000 crediti gratuiti e il 15% di sconto sul primo abbonamento, permettendo loro di generare asset visivi: illustrazioni, icone, componenti, direttamente sulla piattaforma.
[Official Partner]
Syllabus Masterclass
01
02
03
04
05
06
* Il syllabus potrebbe subire variazioni in base ai nuovi rilasci dei modelli.
Prima di lavorare con l'AI, bisogna capire di cosa è fatta e su cosa si applica.
Introduzione al nuovo ecosistema AI applicato al design. Cosa sono le Skills, come funzionano i modelli linguistici collegati e il ruolo del protocollo MCP nel connettere l'AI agli strumenti che già usi. Il mental model per orientarsi tra i diversi strumenti, invece di rincorrere ogni nuovo rilascio.
Panoramica dell'ecosistema: dalle funzionalità AI native di Figma agli agenti connessi via MCP, fino a Claude e alle sue Skills dedicate al design. Le fondamenta del design system — token, componenti, naming — come base comune su cui tutto il corso costruirà, modulo dopo modulo.
Laboratorio: esplorazione guidata degli strumenti, prima connessione MCP e set-up delle fondamenta del design system del progetto.
Ogni interfaccia parte da un problema da capire, prima ancora che da disegnare.
Il percorso dal brief grezzo agli artefatti UX: personas, user journey e problem statement costruiti con l'aiuto dell'AI, mantenendo la ricerca saldamente nelle tue mani. Il ruolo di FigJam AI nel brainstorming e nella sintesi degli insight.
Dalla user journey al primo wireframe: come le decisioni di ricerca guidano le prime schermate, senza saltare direttamente al prompt.
Laboratorio: costruzione di user journey e wireframe da un brief condiviso, con confronto collettivo.
Un'interfaccia diventa prodotto solo quando si comporta come tale.
L'integrazione degli AI agent nella prototipazione: Figma Make e Figma Agent come partner per trasformare wireframe in schermate ad alta fedeltà. Metodologia di prompting strutturato per ottenere risultati precisi e ripetibili, non casuali.
Costruzione del flusso utente completo e introduzione a Figma Motion per animare transizioni e micro-interazioni, dando continuità e movimento al prototipo.
Laboratorio: costruzione di un prototipo animato e navigabile a partire dal wireframe del Modulo 02.
Un design system è completo solo quando ha tutti i suoi pezzi.
Produzione di asset visivi con l'AI generativa: illustrazioni, icone e componenti coerenti con il design system del progetto. Weave come strumento per generare, variare e rifinire asset pronti all'uso, direttamente nel flusso di lavoro.
Come integrare gli asset generati nel prototipo, mantenendo coerenza stilistica su tutto il prodotto.
Laboratorio: produzione degli asset mancanti del progetto e integrazione finale nel prototipo.
Syllabus Masterclass
Prima di lavorare con l'AI, bisogna capire di cosa è fatta e su cosa si applica.
Introduzione al nuovo ecosistema AI applicato al design. Cosa sono le Skills, come funzionano i modelli linguistici collegati e il ruolo del protocollo MCP nel connettere l'AI agli strumenti che già usi. Il mental model per orientarsi tra i diversi strumenti, invece di rincorrere ogni nuovo rilascio.
Panoramica dell'ecosistema: dalle funzionalità AI native di Figma agli agenti connessi via MCP, fino a Claude e alle sue Skills dedicate al design. Le fondamenta del design system — token, componenti, naming — come base comune su cui tutto il corso costruirà, modulo dopo modulo.
Laboratorio: esplorazione guidata degli strumenti, prima connessione MCP e set-up delle fondamenta del design system del progetto.
Ogni interfaccia parte da un problema da capire, prima ancora che da disegnare.
Il percorso dal brief grezzo agli artefatti UX: personas, user journey e problem statement costruiti con l'aiuto dell'AI, mantenendo la ricerca saldamente nelle tue mani. Il ruolo di FigJam AI nel brainstorming e nella sintesi degli insight.
Dalla user journey al primo wireframe: come le decisioni di ricerca guidano le prime schermate, senza saltare direttamente al prompt.
Laboratorio: costruzione di user journey e wireframe da un brief condiviso, con confronto collettivo.
Un'interfaccia diventa prodotto solo quando si comporta come tale.
L'integrazione degli AI agent nella prototipazione: Figma Make e Figma Agent come partner per trasformare wireframe in schermate ad alta fedeltà. Metodologia di prompting strutturato per ottenere risultati precisi e ripetibili, non casuali.
Costruzione del flusso utente completo e introduzione a Figma Motion per animare transizioni e micro-interazioni, dando continuità e movimento al prototipo.
Laboratorio: costruzione di un prototipo animato e navigabile a partire dal wireframe del Modulo 02.
Un design system è completo solo quando ha tutti i suoi pezzi.
Produzione di asset visivi con l'AI generativa: illustrazioni, icone e componenti coerenti con il design system del progetto. Weave come strumento per generare, variare e rifinire asset pronti all'uso, direttamente nel flusso di lavoro.
Come integrare gli asset generati nel prototipo, mantenendo coerenza stilistica su tutto il prodotto.
Laboratorio: produzione degli asset mancanti del progetto e integrazione finale nel prototipo.
Syllabus Masterclass
01
02
03
04
05
06
* Il syllabus potrebbe subire variazioni in base ai nuovi rilasci dei modelli.
Prima di lavorare con l'AI, bisogna capire di cosa è fatta e su cosa si applica.
Introduzione al nuovo ecosistema AI applicato al design. Cosa sono le Skills, come funzionano i modelli linguistici collegati e il ruolo del protocollo MCP nel connettere l'AI agli strumenti che già usi. Il mental model per orientarsi tra i diversi strumenti, invece di rincorrere ogni nuovo rilascio.
Panoramica dell'ecosistema: dalle funzionalità AI native di Figma agli agenti connessi via MCP, fino a Claude e alle sue Skills dedicate al design. Le fondamenta del design system — token, componenti, naming — come base comune su cui tutto il corso costruirà, modulo dopo modulo.
Laboratorio: esplorazione guidata degli strumenti, prima connessione MCP e set-up delle fondamenta del design system del progetto.
Ogni interfaccia parte da un problema da capire, prima ancora che da disegnare.
Il percorso dal brief grezzo agli artefatti UX: personas, user journey e problem statement costruiti con l'aiuto dell'AI, mantenendo la ricerca saldamente nelle tue mani. Il ruolo di FigJam AI nel brainstorming e nella sintesi degli insight.
Dalla user journey al primo wireframe: come le decisioni di ricerca guidano le prime schermate, senza saltare direttamente al prompt.
Laboratorio: costruzione di user journey e wireframe da un brief condiviso, con confronto collettivo.
Un'interfaccia diventa prodotto solo quando si comporta come tale.
L'integrazione degli AI agent nella prototipazione: Figma Make e Figma Agent come partner per trasformare wireframe in schermate ad alta fedeltà. Metodologia di prompting strutturato per ottenere risultati precisi e ripetibili, non casuali.
Costruzione del flusso utente completo e introduzione a Figma Motion per animare transizioni e micro-interazioni, dando continuità e movimento al prototipo.
Laboratorio: costruzione di un prototipo animato e navigabile a partire dal wireframe del Modulo 02.
Un design system è completo solo quando ha tutti i suoi pezzi.
Produzione di asset visivi con l'AI generativa: illustrazioni, icone e componenti coerenti con il design system del progetto. Weave come strumento per generare, variare e rifinire asset pronti all'uso, direttamente nel flusso di lavoro.
Come integrare gli asset generati nel prototipo, mantenendo coerenza stilistica su tutto il prodotto.
Laboratorio: produzione degli asset mancanti del progetto e integrazione finale nel prototipo.
Meet the Lecturer
La curiosità ci spinge oltre ciò che conosciamo. L’AI è semplicemente uno dei linguaggi che ci permette di esplorare quei territori.
Alessia Matteucci
Creative Director, Product Designer, AI expert e docente Futura
Featured by
Meet the Lecturer
La curiosità ci spinge oltre ciò che conosciamo. L’AI è semplicemente uno dei linguaggi che ci permette di esplorare quei territori.
Alessia Matteucci
Creative Director, Product Designer, AI expert e docente Futura
[02]
Art
[04]
Art
Guarda i contenuti del docente
Storie da raccontare
Read Testimonials
