Figma aggiunge livelli di codice alla tela e consente agli utenti di creare plugin AI personalizzati a Config 2026

      TL;DRFigma ha lanciato i livelli di codice, animazioni native, effetti shader generati dall'IA, abilità personalizzate per l'IA e plugin costruiti tramite prompt alla sua conferenza Config 2026.

      Figma ha utilizzato il keynote di apertura della sua conferenza Config 2026 mercoledì per svelare i livelli di codice, una funzionalità che porta codice eseguibile direttamente sulla tela di design collaborativo. I team possono ora clonare repository ed estrarre flussi di codice nei livelli di design per il testing, riducendo un passaggio di consegna che ha definito il flusso di lavoro dal design allo sviluppo per oltre un decennio.

      L'annuncio è arrivato insieme al supporto per animazioni e movimenti nativi, effetti shader generati dall'IA, nuove abilità per l'assistente di design di Figma e la possibilità di creare plugin personalizzati tramite prompt testuali. Gli aggiornamenti sono stati presentati al Moscone Center di San Francisco, dove i biglietti per la partecipazione in presenza erano esauriti prima dell'evento di tre giorni.

      Il Chief Product Officer Yuhki Yamashita ha dichiarato che i livelli di codice sono progettati per cambiare il modo in cui designer, product manager e ingegneri collaborano sulle idee. Ha detto a TechCrunch che la tela multiplayer è potente perché i team che esplorano nuove direzioni non devono preoccuparsi della qualità del codice. Il formato spaziale, ha affermato, consente loro di iterare senza la pressione di scrivere codice pronto per la produzione.

      La funzionalità dei livelli di codice funziona all'interno di Figma Sites ed è supportata da codice React personalizzato. Gli utenti possono convertire componenti in livelli di codice, utilizzare la chat AI per costruirli e modificarli, o modificare direttamente nel compositore di codice di Figma. Il sistema supporta pacchetti npm, comprese librerie di movimento e framework 3D, abilitando elementi interattivi da menu a discesa a effetti shader senza lasciare la tela.

      Figma ha anche aggiunto supporto nativo per animazioni, transizioni e trasformazioni 3D. In precedenza, i designer dovevano creare lavori di movimento in software esterni e convertirli in codice che Figma potesse interpretare. L'aggiornamento elimina quel passaggio, consentendo ai designer di costruire e visualizzare animazioni direttamente all'interno dei loro file di design, aggiungendo anche riempimenti e effetti shader generati dall'IA creati tramite prompt.

      L'azienda sta anche approfondendo la sua integrazione con Figma Weave, il prodotto costruito dall'acquisizione dello strumento media AI basato su nodi Weavy lo scorso ottobre. Figma ha lanciato il proprio agente di design AI il mese scorso, e gli aggiornamenti di Config estendono quell'agente con nuove capacità. Gli utenti possono ora scrivere prompt testuali per creare abilità ripetibili che l'assistente IA può eseguire e possono collegare strumenti esterni come Notion, Granola, Excel e GitHub per fornire all'agente un contesto più ricco.

      Un aggiornamento separato, in arrivo entro la fine dell'anno, consentirà agli utenti di generare flussi di lavoro Weavy direttamente all'interno di Figma, stringendo il legame tra le due piattaforme. L'acquisizione di Weavy, che ha portato a una tela basata su nodi per combinare più modelli di IA con strumenti di editing professionali, ha finora operato come prodotto autonomo al proprio URL.

      Figma sta anche aggiungendo la creazione di plugin personalizzati basati su prompt. Gli utenti possono descrivere ciò che vogliono, come un generatore di layout o un tracciatore di percorsi vettoriali, e Figma costruirà il plugin. La funzionalità estende l'ecosistema di plugin esistente della piattaforma, che già ospita migliaia di strumenti costruiti dalla comunità, abbassando la barriera dalla scrittura di codice alla scrittura di una frase.

      Gli aggiornamenti arrivano in un momento complicato per il business di Figma. Il fatturato del primo trimestre dell'azienda è cresciuto del 46% anno su anno, raggiungendo 333 milioni di dollari, e il tasso di retention netto è arrivato al 139%, il più alto in oltre due anni. Ma gli strumenti di codifica AI come Codex di OpenAI si stanno espandendo da strumenti per sviluppatori a piattaforme aziendali che possono generare interfacce da prompt testuali, minacciando di bypassare completamente gli strumenti di design.

      Figma è diventata pubblica a luglio 2025 con una valutazione di 20 miliardi di dollari. Da allora, le sue azioni sono scese di circa il 79%, scambiandosi intorno ai 24 dollari, mentre gli investitori si chiedono se il software di design tradizionale possa difendere la propria posizione contro i concorrenti nativi dell'IA.

      La pressione competitiva è ampia. Canva ha lanciato il proprio modello di fondazione AI a marzo, Firefly di Adobe ha una quota di adozione aziendale del 41%, e Google ha svelato Pics, uno strumento di design AI all'interno di Workspace, durante l'I/O 2026.

      L'annuncio dei livelli di codice è la risposta di Figma a quella pressione, un argomento secondo cui la tela di design dovrebbe assorbire il codice piuttosto che essere sostituita da esso. Se gli ingegneri possono prototipare direttamente sulla tela insieme ai designer, lo strumento diventa più difficile da aggirare con un prompt testuale a un agente di codifica.

      Yamashita ha inquadrato la funzionalità come capace di produrre "un comportamento diverso non solo con i designer, ma anche con gli ingegneri e i PM." Se quel comportamento si materializzerà dipenderà dal fatto che i team di prodotto adottino effettivamente i livelli di codice come superficie di collaborazione o continuino a trattare design e sviluppo come discipline separate con un passaggio di consegna nel mezzo.