Release Notes

Quando crei un livello di codice da cornici di design, ora l'agente legge i collegamenti nel prototipo e le interazioni tra essi. In questo modo, puoi dedicare meno tempo a gestire gli aspetti più complessi del flusso e più tempo a perfezionare il prototipo e a trovare casi limite.

I livelli di codice sono attualmente in versione beta aperta.

Ora gli shader effettuano il rendering e l'esportazione a risoluzioni più alte e possono essere esportati in livelli di codice.

• Effettua il rendering e l'esportazione degli shader con una risoluzione massima di 4096 px per preservarne l'aspetto e i dettagli visivi.
• Includi gli shader all'interno dei design quando utilizzi la funzionalità "Crea con il codice" per trasformare i design in livelli di codice. Gli shader effettuano un rendering corretto all'interno di un livello di codice se questo è impostato su Riproduci nell'angolo in alto a destra. Disponibile nel browser solo con Chrome versione 157, in distribuzione questa settimana.
• Gli shader sono ora in disponibilità generale per tutti gli utenti.

Oggi abbiamo lanciato nuovi modi per creare e collaborare con il codice, acquisire e condividere contesto e lavorare con dati e contenuti reali. Ecco tutto ciò che abbiamo condiviso in Config India 2026:

• Livelli di codice: crea prototipi interattivi basati su codice direttamente nell'area di lavoro convertendo una cornice di design, importando un repository GitHub, acquisendo il tuo sito web con l'estensione Chrome per Figma o partendo da zero. In arrivo in beta aperta. La creazione e la modifica all'interno di un livello di codice saranno gratuite per i piani a pagamento fino al 4 novembre. Scopri di più.
• Specs: riunisci intento scritto, esplorazione visiva e dettagli tecnici per il tuo team e i tuoi agenti con Figma Specs, la sede nativa per il contesto. In arrivo in versione beta aperta nei piani a pagamento.
• Payload in Figma: Make ora crea in modo nativo un backend Payload, fornendo alla tua app CMS, database, media, API, autenticazione e un pannello di amministrazione e trasformando un prototipo in un'applicazione di produzione. Figma ospita tutto, quindi i tuoi contenuti e i tuoi dati si trovano nello stesso posto dei design che danno loro forma. In arrivo in tutti i piani.
• Sorgenti di codice. Importa codice da repository GitHub o pacchetti npm per consentire all'agente di creare e modificare componenti e livelli di codice perché riflettano i tuoi sistemi di progettazione reali. In arrivo in beta chiusa.
• Linee guida. Aggiungi linee guida alle tue librerie di design pubblicate per consentire all'agente di seguire i modelli stabiliti del tuo sistema di progettazione ed evitare pattern incompatibili. In arrivo in beta aperta.
• Sistemi di progettazione centralizzati: riunisci librerie di design, librerie di codice e linee guida in un unico sistema di progettazione, per rendere più facili la manutenzione per gli autori e l'adesione per tutti. Solo anteprima.
• MCP di Figma: prestazioni più elevate e il supporto per più prodotti Figma ti permettono di ottenere di più con i tuoi strumenti AI preferiti. Crea livelli di codice, modifica specifiche o genera immagini sull'area di lavoro di Figma. Ora con il supporto per 20 nuovi partner. Disponibile ora.

Esplora tutto ciò che abbiamo annunciato a Config India nel nostro post sul blog di riepilogo.

Guarda la keynote

Gemini 4 Argon, il modello più recente e avanzato di Gemini, sta per essere rilasciato in Figma Make. Per iniziare, apri il selettore del modello nella chatbox di Figma Make e seleziona Gemini 4 Argon. Il modello è disponibile in tutti i piani.

Gli strumenti Weave introducono la potenza dei flussi di lavoro dell'AI generativa integrati in Figma Weave direttamente nell'area di lavoro di Figma. Ora puoi creare e pubblicare strumenti Weave personalizzati nella Community di Figma per consentire a chiunque di usarli direttamente in Figma Design. Crea strumenti personalizzati per la generazione ripetitiva di immagini e vettori su larga scala ed esplora la Community per scoprire le creazioni degli altri utenti.

La pubblicazione nella Community è supportata per qualsiasi tipo di output (generazione di video, rendering 3D, ecc.), ma solo gli strumenti Weave per la generazione di immagini e vettori sono disponibili per l'uso in Figma Design.

Prova questi 5 strumenti Weave e condividi i tuoi.

L'opacità può essere aggiornata su vasta scala nel modulo delle variabili e applicata su qualsiasi colore senza scollegamento.

→ Opacità dell'alias mentre il colore rimane collegato alla tua libreria, invece di doverlo scollegare e regolare l'opacità manualmente.

→ Imposta l'opacità su una variabile di colore usando una variabile numerica, e specifica come utilizzarle nelle variabili di colore.

→ Aggiorna facilmente l'opacità degli stati disabilitati, delle sovrapposizioni, degli schermi e altro ancora.

In occasione di Config, abbiamo lanciato la possibilità di creare i tuoi plugin generativi personalizzati e shader scrivendo un prompt per l'agente Figma. Ora, puoi fare di più con quei plugin generativi e shader con animazione e interazione, capacità di pubblicazione e accesso al codificare.

• Shader animati e interattivi: chiedi all'agente di creare un effetto shader personalizzato o un riempimento che incorpori il movimento e sia reattivo ai movimenti del mouse. Scopri di più.
• Pubblicazione nella community: condividi i tuoi plugin generativi e shader con il mondo pubblicandoli affinché altri possano utilizzarli nella Community di Figma. Scopri di più sulla pubblicazione nella community per shader e sulla pubblicazione nella community per plugin generativi.
• Pubblica per l'organizzazione: condividi plugin generativi e shader privati con la tua organizzazione per standardizzare effetti o l'utilizzo degli strumenti. Disponibile nei piani Organization ed Enterprise. Scopri di più.
• Visualizzatore di codice: visualizza e scarica il codice di qualsiasi shader e dei tuoi plugin generativi direttamente in Figma. Scopri di più.
• Aggiornamenti MCP: visualizza e apporta modifiche ai tuoi plugin generativi e shader con un agente di terze parti tramite il server MCP di Figma. Inoltre, quando copi un frame Figma con shader applicati a un agente esterno, in fase di implementazione gli shader verranno resi correttamente nel codice React generato. Scopri di più.

Ora puoi aprire il pannello della chat dell'agente in una nuova finestra sull'app desktop Figma sia per macOS che per Windows. Il pannello rimane visibile quando lavori con altri strumenti o passi a un'altra scheda.

Ecco le novità:

→ Apri il pannello della chat dell'agente in una finestra separata

→ Spostalo ovunque sullo schermo

→ Tienilo sempre visibile mentre progetti