Config 2023 — Le novità

Recap delle nuove funzionalità presentate durante la Conferenza annuale di Figma

Davide Albanese
weBeetle
4 min readJul 26, 2023

--

La conferenza Figma Config 2023 ha introdotto una serie di innovazioni che stanno cambiando il modo in cui designer e developer lavorano insieme. Questo è un articolo di sintesi delle funzionalità che sono state annunciate e come possono migliorare il loro flusso di lavoro.

Durante il Watch Party tenutosi a Napoli, ho avuto l’opportunità di rivedere vecchi amici e colleghi, nonché di fare nuove conoscenze. Insieme, abbiamo discusso delle ultime novità e valutato i progressi effettivi raggiunti, ipotizzando possibili casi di applicazione in cui queste innovazioni potrebbero essere integrate. È stato un momento di condivisione entusiasmante, che ci ha consentito di esplorare le potenzialità e le sfide legate all’implementazione delle nuove funzionalità di Figma Config 2023 nel nostro lavoro di design.

Fonte: Facebook Group — Friends of Figma, Napoli

Ecco dunque una breve presentazione delle feature più interessanti che, probabilmente, cambieranno il modo di utilizzare Figma.

Feature #1: Dev Mode

Uno spazio dedicato agli sviluppatori

Una delle novità più importanti presentate durante la conferenza è stata il lancio di Dev Mode, uno spazio appositamente progettato i/le developer all’interno di Figma. Questo strumento di design innovativo mira a semplificare la trasformazione del design in codice, rendendo il processo più rapido ed efficiente.

Con il crescente numero di developer che utilizzano Figma, l’introduzione di Dev Mode è stata una risposta naturale alla richiesta di un ambiente più focalizzato per gli sviluppatori. Questa funzionalità permette agli sviluppatori di visualizzare facilmente ciò che è già pronto per essere implementato, senza la necessità di gestire diversi file Figma.

Guarda di più su Dev Mode:

Fonte: figma.com

Feature #2: Variabili

Design adattabili alle esigenze

Un altro aggiornamento significativo riguarda l’introduzione delle variabili. Questa funzionalità consente ai/alle designer di creare design adattabili che possono essere facilmente esportati come token. Le variabili possono essere utilizzate per diverse tematiche di brand, formati di dispositivo e altro ancora, rendendole uno strumento versatile per i/le designer.

Le variabili offrono una soluzione completa per semplificare il processo di creazione dei design. Possono essere utilizzate per creare prototipi dinamici, consentendo ai team di testare l’intera esperienza in modo tempestivo e scegliere le soluzioni migliori tra un’infinita serie di idee di design statico.

Guarda di più su Variabili:

Fonte: figma.com

Feature #3: Prototipazione avanzata

Prototipi realistici con meno sforzi

Figma ha introdotto anche nuove funzionalità avanzate per la prototipazione, che consentono di creare prototipi più realistici con meno passaggi, frame e collegamenti. Questo significa più iterazione con meno sforzo per tutti i membri del team.

Le funzionalità di prototipazione avanzate, come variabili, condizioni ed espressioni, rendono la prototipazione più potente e semplice che mai. Inoltre, l’anteprima inline permette di iterare rapidamente e riprodurre istantaneamente il design. Questi accorgimenti mirano a migliorare i processi e la collaborazione tra i team di design e i team di prodotto. La creazione di prototipi basati sul sistema di design diventa così molto più semplice grazie a queste nuove funzionalità.

Guarda di più su Prototipazione avanzata:

Fonte: figma.com

Feature #4: Aggiornamenti di Auto Layout

Componenti e layout più reattivi

Figma ha anche migliorato il suo Auto Layout, introducendo nuove funzionalità come il “wrap” e la possibilità di impostare altezza e larghezza minime e massime. Questo permette di risparmiare tempo nella ridimensionamento manuale e consente di creare componenti e layout più reattivi.

Guarda di più su Aggiornamenti di Auto Layout:

Fonte: figma.com

Feature #5: Selettore dei Caratteri

Anteprima dei Font prima dell’Utilizzo

Il selettore dei caratteri è stato aggiornato per consentire di cercare e filtrare i font desiderati, visualizzando facilmente i nomi dei font nel rispettivo stile. Questa funzionalità è stata introdotta in risposta ai feedback della community di Figma.

Fonte: figma.com

Feature #6: Aggiornamento del Browser dei File

Dedica meno tempo alla ricerca e più tempo alla creazione

Infine, Figma ha ridisegnato il suo browser dei file, semplificando la ricerca di file e progetti condivisi da team esterni. La funzionalità di ricerca, i file recenti e le notifiche includono ora i contenuti di tutto il tuo account, permettendoti di trovare rapidamente ciò che stai cercando senza dover cambiare spazi.

Fonte: figma.com

Questi aggiornamenti rappresentano un significativo passo in avanti nella missione di Figma di rendere il design più accessibile e collaborativo. L’esperienza di Config, con le sue nuove funzionalità e aggiornamenti del processo di design, ha fornito molte idee creative e la motivazione per apprenderle rapidamente!

--

--