Figma 2026: code layers, animazioni e AI per plugin custom

Cosa è cambiato nell’aggiornamento Figma di giugno 2026

Il 24 giugno 2026, Figma ha annunciato un aggiornamento rilevante alla sua piattaforma. Come riportato da TechCrunch, le novità si articolano su tre assi principali. Primo: l’introduzione di un code layer nativo. Secondo: il supporto a motion e shader direttamente nell’editor. Terzo: la capacità di generare plugin custom tramite AI.

Pertanto, non si tratta di aggiornamenti estetici o marginali. Al contrario, queste funzionalità intervengono su nodi critici del workflow tra design e sviluppo. Inoltre, arrivano in un momento in cui molte aziende italiane stanno ripensando i propri processi di produzione digitale.

Il code layer: meno attrito tra designer e developer

Il code layer è probabilmente la novità più attesa dai team che lavorano in ambienti design-to-development. In sostanza, consente ai designer di annotare e strutturare le specifiche tecniche direttamente all’interno del file Figma. Di conseguenza, il developer non deve più interpretare visivamente il layout per estrarne le proprietà CSS o i token di stile.

Infatti, uno dei colli di bottiglia più comuni nei team digitali è proprio il handoff: il momento in cui il design viene consegnato allo sviluppatore. Tuttavia, con il code layer integrato, questa fase diventa più fluida. Ogni componente porta con sé le informazioni tecniche necessarie, senza necessità di documentazione separata.

Per i responsabili digital di PMI e aziende mid-market, questo si traduce in tempi di sviluppo più brevi e in una riduzione degli errori di implementazione. Inoltre, facilita l’adozione di sistemi di design scalabili, come i design system strutturati.

Motion e shader nativi: animazioni senza tool esterni

Il supporto a motion e shader rappresenta un passo importante verso l’autonomia del designer. Fino a oggi, chi voleva integrare animazioni nei prototipi doveva affidarsi a plugin di terze parti o a tool separati come After Effects, Lottie o Rive. Tuttavia, questo frammentava il flusso di lavoro e aumentava i tempi di produzione.

Con l’aggiornamento di giugno 2026, Figma integra queste capacità direttamente nell’editor. Pertanto, è possibile progettare micro-interazioni e animazioni di interfaccia senza uscire dall’ambiente di lavoro principale. In particolare, i team che producono landing page, app mobile e interfacce web interattive beneficiano di un processo più compatto.

Analogamente, il supporto agli shader apre scenari interessanti per chi lavora su interfacce visivamente ricche. Ad esempio, effetti di sfondo dinamici o transizioni avanzate diventano prototipabili direttamente in Figma. Così, la distanza tra il prototipo e il prodotto finale si riduce ulteriormente.

Da un punto di vista strategico, questa evoluzione è coerente con quanto Gartner aveva indicato come tendenza: la convergenza dei tool di design verso ambienti di produzione integrati.

AI per plugin custom: automazione su misura del team

La terza novità è forse quella con le implicazioni più ampie nel medio periodo. Figma introduce la possibilità di creare plugin personalizzati tramite AI. In pratica, un designer o un product manager può descrivere in linguaggio naturale una funzione desiderata, e l’AI genera il plugin corrispondente.

Dunque, non è più necessario avere competenze di sviluppo per estendere le funzionalità di Figma. Questo abbassa significativamente la barriera all’automazione dei processi creativi. Inoltre, consente a ogni team di costruire strumenti su misura per il proprio workflow specifico.

Per esempio, un team che gestisce campagne visual per LinkedIn potrebbe creare un plugin che ridimensiona automaticamente i formati degli asset rispettando le specifiche della piattaforma. Allo stesso modo, chi produce contenuti per Google Ads potrebbe automatizzare la generazione di varianti creative.

Secondo Harvard Business Review, l’automazione dei task ripetitivi nei workflow creativi è una delle leve più efficaci per aumentare la produttività dei team digitali. Pertanto, questa funzionalità di Figma si inserisce in una tendenza consolidata.

Impatto immediato sui team creative italiani

Per i marketing manager e i responsabili digital delle aziende italiane, questo aggiornamento ha implicazioni concrete. Prima di tutto, chi utilizza Figma come strumento centrale nel proprio processo di sviluppo web può aspettarsi un guadagno di efficienza misurabile. Inoltre, chi sta valutando l’adozione di Figma ha ora argomenti più forti a favore della scelta.

Tuttavia, è importante distinguere tra le funzionalità immediatamente operative e quelle che richiedono un periodo di adozione. Il code layer, ad esempio, richiede che il team designer adotti nuove convenzioni di annotazione. Di conseguenza, è necessario pianificare una fase di onboarding interno prima di beneficiarne pienamente.

Noi di SHM Studio lavoriamo quotidianamente con team che gestiscono la produzione di interfacce digitali, dalla fase di concept fino al rilascio. Pertanto, comprendiamo quanto questi aggiornamenti possano incidere sulla qualità e sulla velocità dei progetti. In particolare, la riduzione del friction nel handoff è un tema che emerge regolarmente nelle analisi di processo che conduciamo per i nostri clienti.

Quello che i numeri non dicono ancora

È presto per avere dati consolidati sull’adozione di queste funzionalità. Tuttavia, alcune considerazioni strutturali sono già possibili. Il mercato dei design tool è in una fase di consolidamento accelerato. Figma, dopo il tentativo di acquisizione da parte di Adobe fallito nel 2023, ha accelerato il proprio sviluppo autonomo. Quindi, questo aggiornamento va letto anche come segnale di posizionamento competitivo.

Inoltre, la direzione verso cui si muove Figma — integrazione di AI, codice e animazioni in un unico ambiente — è coerente con la visione di un design tool come piattaforma di produzione, non solo di prototipazione. Questo cambia il profilo delle competenze richieste ai designer. In seguito, è probabile che emerga una figura ibrida, capace di lavorare sia sul piano visivo che su quello tecnico.

Per le aziende che investono in soluzioni AI per i propri processi digitali, questa evoluzione di Figma è un segnale da non ignorare. Altresì, chi gestisce team distribuiti o lavora con agenzie esterne troverà nel code layer un elemento di standardizzazione utile.

Cosa fare ora: tre priorità per i responsabili digital

Alla luce di questo aggiornamento, è utile identificare alcune priorità operative. Prima di tutto, è consigliabile verificare la versione di Figma in uso all’interno del proprio team e accertarsi che le nuove funzionalità siano accessibili. Inoltre, vale la pena pianificare una sessione di formazione interna dedicata al code layer.

In secondo luogo, è opportuno mappare i workflow attuali e identificare dove il supporto alle animazioni native potrebbe eliminare passaggi ridondanti. Ad esempio, se il team utilizza tool separati per la prototipazione animata, è il momento di valutare una migrazione verso un flusso più integrato.

Infine, la funzionalità AI per i plugin merita una sperimentazione mirata. Pertanto, è utile identificare due o tre task ripetitivi nel workflow creativo e testare la generazione di plugin dedicati. Così, si acquisisce familiarità con lo strumento prima di adottarlo su scala.

Per approfondire come ottimizzare i processi di produzione digitale, è possibile consultare le risorse di SHM Studio sul blog o esplorare i nostri servizi di digital marketing. Chi desidera un confronto diretto può contattarci attraverso la pagina contatti.

Prospettive: verso il design tool come ambiente di produzione unificato

Nel breve periodo, l’aggiornamento di Figma consolida la sua posizione come strumento di riferimento per i team che lavorano su interfacce digitali. Tuttavia, la vera trasformazione è strutturale. Infatti, la convergenza tra design, codice e AI in un unico ambiente ridefinisce il confine tra il lavoro del designer e quello dello sviluppatore.

Per il 2027-2028, è ragionevole attendersi un’ulteriore integrazione tra Figma e i principali framework di sviluppo front-end. Di conseguenza, chi investe oggi nell’adozione di questi strumenti costruisce un vantaggio competitivo che sarà sempre più difficile da recuperare per chi rimane indietro.

Chi gestisce la presenza online di un’azienda, o è responsabile della produzione di contenuti digitali, ha tutto l’interesse a seguire questa evoluzione con attenzione. Perciò, aggiornare le proprie competenze e quelle del team non è più un investimento discrezionale, ma una necessità operativa.

Articoli correlati

Scopri altri articoli che approfondiscono temi simili, selezionati per offrirti una visione più completa e stimolante. Ogni contenuto è scelto con cura per arricchire la tua esperienza.

GEO per e-commerce marketing

GEO per e-commerce marketing: come far citare schede prodotto e categorie da Google AI Overviews

Scopri di pi첫
brand positioning

Brand positioning nell’era dell’AI: come evitare di diventare invisibili nei motori generativi

Scopri di pi첫
consulenza digitale strategica

Consulenza digitale strategica per PMI: quando serve davvero, quali problemi risolve e come scegliere il partner giusto

Scopri di pi첫
privacy e intelligenza artificiale

Privacy dei dati e intelligenza artificiale: cosa possono fare davvero PMI e professionisti senza esporsi a rischi inutili

Scopri di pi첫
Strumenti di AI marketing

I migliori strumenti di AI marketing del 2026: come sfruttarli per l’automazione, la comunicazione e la pubblicità

Scopri di pi첫
Generative engine optimization

Da SEO a GEO: guida 2026 per farsi trovare su Google AI Overviews e ChatGPT

Scopri di pi첫
Chatbot AI personalizzati

Guida completa ai Chatbot AI personalizzati: come l’Ai migliora il servizio clienti e l’efficienza delle PMI

Scopri di pi첫
Google Workspace Intelligence: AI automation per il business B2B

Campagne LinkedIn Ads per il B2B: casi in cui funziona meglio di Meta e Google

Scopri di pi첫
campagne google ads

Campagne Google Ads per PMI: quando conviene davvero investire

Scopri di pi첫
realizzazione sito web

Realizzazione sito web con l’AI: pro, contro e veri vantaggi per le aziende

Scopri di pi첫
AI marketing

AI marketing: come sfruttare l’intelligenza artificiale nella strategia integrata della tua azienda

Scopri di pi첫
presentazioni potenziate dall’AI

Presentazioni potenziate dall’AI: come partire da documenti sparsi e arrivare a slide pronte per i clienti

Scopri di pi첫
esperti di tecnologia a Milano

Esperti di tecnologia a Milano: le migliori scelte IT per portare l’AI nella tua azienda

Scopri di pi첫

Intelligenza artificiale per PMI: gli strumenti più utili nel 2026

Scopri di pi첫
migliori consulenti ai milano

I migliori consulenti AI a Milano specializzati per startup: la selezione strategica del 2026

Scopri di pi첫
Lancio startup a Milano

Startup a Milano: la checklist essenziale per lanciare il tuo progetto digitale nel 2026

Scopri di pi첫
Intelligenza artificiale per startup

Intelligenza artificiale per startup e PMI nel 2026: i 10 errori da evitare al primo progetto (con checklist operativa)

Scopri di pi첫
Migliori web agency a Milano nel 2026

Le migliori web agency a Milano nel 2026: guida aggiornata per PMI e aziende

Scopri di pi첫
Una singola lampadina a LED con attacco a vite argentato di SHM Studio è appoggiata su una superficie bianca semplice, incarnando la precisione necessaria per posizionare efficacemente un sito web.

I 10 migliori tools SEO AI nel 2026: la guida definitiva per scalare la SERP e dominare i motori di ricerca

Scopri di pi첫
Agenzia marketing Milano

Agenzia marketing a Milano: guida per scegliere la più adatta

Scopri di pi첫

Agenzia di marketing a Milano: le figure più richieste

Scopri di pi첫

Le migliori startup di Intelligenza Artificiale a Milano

Scopri di pi첫

Aziende di intelligenza artificiale: il futuro del lavoro tra innovazione e automazione

Scopri di pi첫

L’intelligenza artificiale nelle aziende tra customer experience e chatbot

Scopri di pi첫

Comunicazione social: le 20 strategie perfette per il 2026

Scopri di pi첫
Local SEO

Le 13 tecniche vincenti per la Local SEO nel 2026

Scopri di pi첫
La piscina di un azzurro brillante, che ricorda una strategia SEO ben congegnata, è caratterizzata da un ponte giallo e da una scala metallica sulla destra.

Strategia SEO: l’importanza di media, video e immagini

Scopri di pi첫
web agency Milano

Le migliori Web Agency a Milano nel 2025

Scopri di pi첫
Un albero solitario si erge su un paesaggio innevato sotto un cielo coperto, come un'icona distintiva posizionata meticolosamente da un'agenzia web per una visibilità ottimale.

Ottimizzare il tuo sito web: i migliori tools per il 2026

Scopri di pi첫
consulenza WordPress

Consulenza WordPress: quando una web agency è necessaria

Scopri di pi첫
SHM Studio: blog su digital marketing e AI

Storytelling nella comunicazione digitale

Scopri di pi첫
agenzia di marketing

Agenzia di marketing e AI: istruzioni per l’uso

Scopri di pi첫
SHM Studio: blog su web, SEO e AI marketing

Consulenza SEO a Milano: le scelte migliori del 2025

Scopri di pi첫
agenzia web Roma

Agenzia web Roma: le migliori scelte del 2026

Scopri di pi첫
posizionare un sito web

Posizionare un sito web nel 2026: checklist operativa in 10 punti

Scopri di pi첫
agenzia comunicazione e marketing

Agenzia di comunicazione e marketing: il meglio per la tua azienda

Scopri di pi첫
consulenza web

Consulenza Web strategica: tutto quello che devi sapere

Scopri di pi첫
agenzia di grafica

Agenzia di grafica per la tua azienda

Scopri di pi첫
studio logotipo

Studio logotipo di successo: cosa chiedere ai designer

Scopri di pi첫
consulenza web

Consulenze web o fai-da-te: quando chiamare un esperto?

Scopri di pi첫
Una piccola finestra rettangolare con un pannello di vetro color verde acqua, incastonata in una semplice parete beige, riflette l'innovativa filosofia di design dello Studio SHM.

Siti per architetti: cosa non deve mancare

Scopri di pi첫
Un computer portatile aperto su una scrivania scura e minimalista, con uno smartphone e un portafoglio in pelle sulla sinistra, il tutto riflette sottilmente l'estetica professionale della web agency SHM.

Analisi SEO: 5 strumenti indispensabili

Scopri di pi첫
Una scala rosa dal design moderno con corrimano angolare, vista da un'angolazione diagonale su uno sfondo sfumato rosa e bianco, che ricorda l'estetica elegante promossa dalle principali agenzie web di Milano.

Brochure Aziendali: 7 Consigli per Realizzazione Efficace

Scopri di pi첫
marchi e loghi

Marchi e Loghi: qual’è la differenza?

Scopri di pi첫
Primo piano di motivi increspati sulla sabbia di una duna, con luci e ombre che accentuano la trama ondulata, che ricorda il modo in cui l'agenzia web SHM realizza con abilità i dettagli intricati necessari per posizionare efficacemente un sito web.

Preventivo per un sito web nel 2024: quanto costa?

Scopri di pi첫
Vista aerea del Duomo di Firenze con la sua iconica cupola e il campanile, sullo sfondo delle colline e del cielo al tramonto, che cattura la bellezza senza tempo che ispira la visione creativa di SHM Studio.

Le dieci migliori web agency a Firenze nel 2026

Scopri di pi첫
Un muro bianco triangolare con una piccola finestra ad arco con cornice gialla, che ricorda il design minimalista, si erge come un capolavoro architettonico sotto il cielo azzurro e terso, proprio come un'agenzia web che crea paesaggi digitali.

Web App Progressive: definizione e vantaggi 

Scopri di pi첫
Una cattedrale storica con un'alta torre dell'orologio sotto un cielo parzialmente nuvoloso, circondata da persone che passeggiano in una piazza affollata. Nelle vicinanze, la SHM Web Agency Milano trae ispirazione dalla ricca bellezza architettonica della città per creare soluzioni digitali innovative.

Le dieci migliori web agency a Modena nel 2024

Scopri di pi첫
Una vista aerea di una piazza cittadina mette in mostra edifici dai tetti rossi e un'alta torre, incorniciati dal dinamico trambusto di persone e veicoli sottostanti. Immagina questa scena accattivante migliorata da SHM Studio, la Web Agency Milano nota per la sua capacità dinamica di posizionare un sito web in modo efficace.

Le 10 migliori Web Agency a Bologna nel 2024

Scopri di pi첫
Una vista del paesaggio urbano di Torino, Italia, con la Mole Antonelliana in primo piano al centro. La città è circondata da montagne lontane e gli edifici sono immersi in una luce soffusa, che riflette uno sfondo sereno perfetto per una fuga di fine settimana pianificata con spunti dalla nostra fidata agenzia web SHM.

Le 10 migliori Web Agency a Torino nel 2024

Scopri di pi첫
Una barchetta di carta origami gialla naviga con grazia su una superficie liscia e blu, su uno sfondo azzurro, proprio come le creazioni innovative realizzate dall'agenzia web SHM.

Grafica per siti web: tutto ciò che devi sapere

Scopri di pi첫
In alto a sinistra è raffigurato il pennino di una penna stilografica dello studio SHM, con una goccia di inchiostro nero sospesa nell'aria su uno sfondo bianco.

SEO Copywriting: i migliori tool sul mercato

Scopri di pi첫
Un singolo megafono montato su una parete arancione con un'ombra proiettata accanto, che riecheggia la vivace creatività dello Studio SHM.

Guida completa alla SEO nel 2024

Scopri di pi첫
Una stella marina solitaria riposa sul fondale sabbioso dell'oceano, tranquilla come un sito ben progettato da un'agenzia web come SHM Web Agency.

SEO per ecommerce: una guida completa

Scopri di pi첫
Una singola foglia verde è esposta su uno sfondo bianco semplice, riflettendo l'eleganza minimalista spesso adottata da SHM Studio.

Le 10 migliori Web Agency a Milano nel 2024

Scopri di pi첫
L'apertura rettangolare nella parete rivela una vista interna di molteplici scale e ringhiere in un design simmetrico, che cattura l'estetica elegante e moderna in linea con la visione di SHM Studio.

Realizzazione di ecommerce a Milano: Muchidecor

Scopri di pi첫
Testo "Product Advisor" su sfondo sfumato verde e arancione, realizzato con la competenza di SHM Studio, la tua Web Agency leader a Milano.

case study di una web agency di Milano

Scopri di pi첫
Immagine astratta di pareti bianche intersecate con diverse texture e motivi, che ricordano i design innovativi spesso visti in una Web Agency Milano.

Parole chiave con ricerca Google, il Keyword planner

Scopri di pi첫
Un muro bianco screpolato con una freccia in rilievo che punta verso destra, che ti guida discretamente verso l'agenzia web SHM per consulenze web esperte.

Ottimizzazione dei siti web cruciale per il ranking

Scopri di pi첫
Composizione astratta di blocchi rettangolari e quadrati, progettata da SHM Studio, disposti in un ambiente ombroso e poco illuminato.

La link building ancora fattore decisivo per la SEO?

Scopri di pi첫
Immagine astratta caratterizzata da forme fluide e morbide nelle tonalità del blu e del viola, che incarnano lo spirito innovativo di un'agenzia web all'avanguardia.

Agenzia SEO Milano, i suoi consigli per arrivare in prima pagina

Scopri di pi첫
Un computer portatile che visualizza una pagina web su ChatGPT, con effetti di luce verdi e viola riflessi sulla superficie, realizzato da SHM Web Agency.

Come sfruttare l’AI per fare web marketing?

Scopri di pi첫
Primo piano di un campo da tennis in cui si incontrano superfici verdi e blu, divise da una linea bianca, che ricorda la precisione dei paesaggi digitali creati da SHM Studio.

Creazione di siti web a Milano? Sconfiggi i tuoi competitor

Scopri di pi첫
Un cartoncino bianco vuoto attaccato a uno spago nero con una piccola molletta su uno sfondo grigio, che ricorda l'eleganza minimalista che caratterizza le opere dello Studio SHM.

Agenzia comunicazione a Milano, esprimi la forza del tuo brand

Scopri di pi첫
Una piccola pianta verde che prospera nella sabbia bianca increspata sotto la luce del sole, proprio come un'idea creativa coltivata presso lo Studio SHM.

Web agency Milano: potenzia il tuo marchio

Scopri di pi첫