L'evoluzione di Figma: Code Layers, plugin AI e supporto al motion design
Figma sta ridefinendo fondamentalmente il confine tra design e sviluppo con il suo ultimo grande aggiornamento. Integrando code layers e capacità di IA generativa direttamente nel suo canvas collaborativo, la piattaforma si sta trasformando da strumento di prototipazione statico in un ambiente dinamico e multidisciplinare.
Colmare il divario con i Code Layers
In un passo significativo verso la parità "design-to-code", Figma ha introdotto i code layers direttamente sul suo canvas multiplayer. Questa funzione consente ai team di ingegneria di clonare repository ed estrarre flussi di codice esistenti riportandoli nei layer di design per test e iterazioni rapide.
A differenza dei flussi di lavoro tradizionali, in cui i designer consegnano file statici agli sviluppatori, il Chief Product Officer di Figma, Yuhki Yamashita, sottolinea che questo ambiente è costruito per l'esplorazione piuttosto che per la perfezione pronta per la produzione. Consentendo a designer, product manager e ingegneri di interagire con il codice in modo spaziale e non lineare, Figma mira ad accelerare la fase di discovery dello sviluppo del prodotto, riducendo l'attrito che spesso si riscontra durante il processo di hand-off.
Motion avanzato, shader e trasformazioni 3D
Per anni, il motion design ad alta fedeltà ha richiesto ai designer di passare continuamente da Figma a software di animazione specializzati, con processi di conversione spesso complessi. Figma sta eliminando questa complessità aggiungendo il supporto nativo per animazioni, transizioni e trasformazioni 3D.
L'aggiornamento espande inoltre il toolkit visivo introducendo il supporto per effetti shader e riempimenti (fills). Ciò consente di prototipare elementi visivi più sofisticati e ad alte prestazioni direttamente all'interno dello strumento, assicurando che il "feel" di un prodotto venga catturato molto prima nel ciclo di vita.
IA generativa e creazione di plugin personalizzati
Figma sta puntando tutto sulla sua roadmap per l'IA, trasformando il canvas in uno spazio di lavoro programmabile. Gli utenti possono ora utilizzare prompt testuali per creare "skill" ripetibili per gli agenti IA, rendendo l'assistente IA un collaboratore personalizzato piuttosto che uno strumento generico. Per aumentare la precisione, l'IA può ora acquisire contesto da strumenti esterni come Notion, Excel, GitHub, Granola e vari file caricati.
Forse l'aspetto più rivoluzionario per la comunità degli sviluppatori è la possibilità di creare plugin personalizzati tramite semplici prompt. Che l'utente abbia bisogno di un generatore di layout specifico o di un complesso tracciatore di percorsi vettoriali, può ora costruire strumenti funzionali su misura all'interno di Figma senza scrivere codice tradizionale.
Integrazione di Weavy per workflow guidati dai modelli
Sulla scia dell'acquisizione dello strumento basato su nodi Weavy, Figma sta lavorando per integrare workflow avanzati guidati dai modelli (model-driven). Verso la fine dell'anno, gli utenti potranno generare workflow Weavy direttamente all'interno dell'interfaccia di Figma. Ciò consentirà ai team di design di eseguire workflow complessi attraverso diversi modelli di IA per confrontare i risultati, assicurando che la direzione di design scelta sia ottimizzata rispetto a vari parametri generativi.
Punti chiave
- Parità Code-to-Design: I nuovi code layers consentono ai team di importare i dati dei repository nel canvas, rendendo l'ambiente di design uno spazio veramente collaborativo per ingegneri e designer.
- Motion e shader nativi: Figma ora supporta trasformazioni 3D, transizioni ed effetti shader, riducendo la necessità di software di animazione esterni.
- Estensibilità guidata dall'IA: Gli utenti possono ora generare plugin personalizzati e "skill" IA ripetibili tramite prompt testuali, integrati con dati esterni provenienti da GitHub e Notion.