L’integrazione tra Jira di Atlassian e Figma consente ai team di sviluppo e design di lavorare in modo più sinergico, portando i design direttamente nel flusso di lavoro di sviluppo. Con questa connessione puoi visualizzare anteprime live dei file Figma all’interno delle issue di Jira, sincronizzare aggiornamenti in tempo reale e ridurre il tempo passato a cambiare contesto tra strumenti diversi.

In questa guida approfondita vedremo come installare l’integrazione, collegare file e prototipi, visualizzare lo stato delle design e automatizzare i processi tra Jira e il tool di design Figma.

Cos’è l’integrazione Jira-Figma

L’integrazione è una combinazione dell’app Figma for Jira e di funzionalità specifiche che permettono di:

• Collegare file di design e prototipi di Figma direttamente alle issue di Jira.
• Visualizzare le anteprime dei design senza aprire Figma separatamente.
• Sincronizzare in tempo reale lo stato del design con lo stato di sviluppo su Jira.

Questa integrazione è pensata per team Agile che lavorano con sprint, backlog e issue tracking, facilitando la comunicazione tra designer e sviluppatori.

Come installare “Figma for Jira”

Per poter utilizzare l’integrazione, il primo passo è installare l’app Figma for Jira all’interno della tua istanza Jira:

1. Nel tuo account Jira, vai nel menu laterale su Apps → Esplora nuove app.
2. Cerca Figma for Jira nell’elenco delle app disponibili.
3. Clicca su Get it now e segui la procedura di installazione.

Una volta installata, nelle issue di Jira comparirà la sezione Designs, dove potrai aggiungere i tuoi file Figma.

Come collegare file e prototipi Figma alle issue Jira

Dopo aver installato l’app:

1. Apri l’issue di Jira dove vuoi aggiungere un design.
2. Se la sezione Designs non è visibile, clicca su Add design.
3. Incolla l’URL del file o prototipo Figma nel campo indicato.
4. Clicca su Link per collegare il design all’issue.

Una volta collegato, potrai visualizzare e interagire con il design direttamente in Jira, espandendo l’anteprima o aprendo il file completo in una nuova scheda.

Plugin Jira in Figma per sviluppatori

Oltre all’integrazione base, puoi installare il plugin ufficiale Jira in Figma per:

• Importare e collegare issue Jira alle pagine o ai layer di un file Figma.
• Visualizzare dettagli delle issue senza lasciare Figma.
• Creare nuove issue direttamente mentre lavori sul design.

Questa funzionalità è utile per i sviluppatori e designer che vogliono mantenere il contesto completo tra design e task Jira.

Visualizzare lo stato del design in Jira

Una volta collegato un file Figma, Jira mostra lo stato attuale del design:

• Design updated: il file è stato modificato dopo il collegamento.
• Ready for dev: indica che il design è pronto per la fase di sviluppo.

Queste informazioni sono aggiornate automaticamente grazie ai webhook legati al file Figma, senza necessità di configurazioni aggiuntive.

Automazioni utili per team di sviluppo

Con Jira puoi creare automatismi basati sui design collegati per:

• Notificare automaticamente i sviluppatori di aggiornamenti.
• Cambiare lo stato delle issue in base alle modifiche del design.
• Aggiungere etichette o tag quando un design viene collegato o aggiornato.

Queste automazioni migliorano la produttività e riducono attività manuali ripetitive.

Rimozione dell’integrazione

Se necessario, puoi:

• Rimuovere singoli file o prototipi collegati da un’issue.
• Disinstallare completamente l’app Figma for Jira dal tuo account Jira, eliminando tutti i collegamenti e le integrazioni associate.

Conclusione

L’integrazione tra Jira e Figma è uno strumento potente per migliorare la collaborazione tra designer e sviluppatori. Permette di centralizzare informazioni, ridurre errori di comunicazione e mantenere tutti aggiornati in tempo reale direttamente nel flusso di lavoro Agile.

Per team che lavorano con sprint e design complessi, implementare questa integrazione può trasformare l’hand-off tra UX e sviluppo in un processo fluido ed efficiente.

Segui qui, tutte le Release Notes

L'articolo Integrazione Jira e Figma: guida completa per sviluppatori e team Agile proviene da Giovanni Anfuso.

Figma: cos’è e perché è diventato uno standard nel design digitale

Figma è uno strumento di design UI/UX basato sul web, utilizzato da designer, sviluppatori e team di prodotto per progettare interfacce digitali in modo collaborativo. A differenza dei software tradizionali, Figma funziona direttamente nel browser (con app desktop opzionali) e consente a più persone di lavorare contemporaneamente sullo stesso file, in tempo reale.

Grazie alla sua semplicità, flessibilità e potenza, Figma è diventato uno standard nel mondo del product design, del web design e dello sviluppo di applicazioni, adottato sia da startup che da grandi aziende.

Come funziona Figma

Figma si basa su un’architettura cloud-first. Tutti i file vengono salvati online e sono accessibili ovunque, senza la necessità di versioni locali o invii manuali.

Le sue funzionalità principali includono:

• Editor vettoriale avanzato per la creazione di interfacce
• Collaborazione in tempo reale (simile a Google Docs)
• Componenti e design system riutilizzabili
• Prototipazione interattiva senza codice
• Commenti e feedback direttamente sul design
• Integrazioni e plugin per estendere le funzionalità

Dal punto di vista tecnico, ogni azione eseguita dagli utenti viene sincronizzata istantaneamente con il backend di Figma, garantendo aggiornamenti in tempo reale per tutti i collaboratori.

I principali vantaggi di Figma

L’enorme successo di Figma è dovuto a una serie di vantaggi chiave:

1. Collaborazione in tempo reale

Più utenti possono modificare lo stesso file contemporaneamente, eliminando problemi di versioning e conflitti.

2. Accessibilità

Essendo basato su browser, Figma è accessibile da qualsiasi sistema operativo senza installazioni complesse.

3. Performance e affidabilità

Anche con file complessi e team numerosi, Figma mantiene prestazioni elevate.

4. Design system scalabili

I componenti consentono di mantenere coerenza visiva e velocizzare il lavoro.

5. Ecosistema in continua evoluzione

Plugin, API e integrazioni rendono Figma una piattaforma estremamente estendibile.

La sfida della scalabilità: da pochi utenti a oltre 10 milioni

Con una crescita così rapida, Figma ha dovuto affrontare una delle sfide più complesse per qualsiasi piattaforma SaaS: la scalabilità dell’infrastruttura.

In particolare, il team si è trovato a dover scalare un database PostgreSQL inizialmente monolitico, progettato per un numero di utenti molto inferiore rispetto ai volumi attuali.

Nel thread tecnico recentemente discusso, Figma ha raccontato il percorso che ha permesso di passare da un singolo database a un’architettura orizzontalmente shardata, in grado di supportare oltre 10 milioni di utenti attivi.

Fase 1: sollievo immediato con scaling verticale

La prima fase è stata dedicata a risolvere i problemi più urgenti:

• Scaling verticale del database PostgreSQL
• Introduzione di read replica per alleggerire il carico in lettura
• Utilizzo di connection pooling tramite PG Bouncer

Queste soluzioni hanno fornito un miglioramento rapido, ma non erano sufficienti nel lungo periodo.

Fase 2: stabilità con partizionamento logico

Nel medio termine, Figma ha adottato un approccio di logical partitioning, separando gruppi di tabelle in database dedicati.

Un’innovazione interessante è stata l’uso di:

• Viste PostgreSQL per simulare lo sharding
• Test delle query su strutture shardate prima della separazione fisica

Durante la migrazione, il team ha ottimizzato la replica logica, rimuovendo temporaneamente gli indici per velocizzare il trasferimento dei dati, riducendo drasticamente i tempi di migrazione.

Fase 3: sharding orizzontale e architettura distribuita

La fase finale ha portato alla vera svolta in termini di scalabilità:

• Introduzione di horizontal sharding
• Creazione di un custom query router
• Sviluppo di un DB proxy in Golang per il routing intelligente delle query tra shard

Il deployment è avvenuto in due fasi, utilizzando PG Bouncer per garantire transizioni sicure senza downtime, permettendo di cambiare il routing del traffico in modo graduale e controllato.

Perché queste ottimizzazioni sono importanti

Queste ottimizzazioni non riguardano solo Figma, ma rappresentano un caso di studio fondamentale per chi sviluppa applicazioni SaaS ad alta crescita.

Dimostrano come:

• PostgreSQL possa scalare a livelli estremamente elevati
• Le soluzioni incrementali siano spesso più efficaci dei rewrite totali
• La combinazione di scelte architetturali e tooling personalizzato possa fare la differenza

Conclusione

Figma non è solo uno strumento di design, ma un esempio eccellente di prodotto tecnologico ben progettato, sia dal punto di vista dell’esperienza utente che dell’architettura backend.

La sua evoluzione, da semplice tool collaborativo a piattaforma globale per milioni di utenti, dimostra come innovazione, performance e scalabilità possano convivere quando le decisioni tecniche sono guidate da una visione chiara e progressiva.

Se lavori nel mondo del design, dello sviluppo o delle architetture software, Figma rimane un punto di riferimento imprescindibile.

L'articolo Figma: il tool di design che continua a crescere grazie all’innovazione tecnologica proviene da Giovanni Anfuso.