Come Rendere Trasparente uno Sfondo in Figma (Guida 2026)

Figma è pensato per il design di interfacce, non per la modifica di foto, quindi "rimuovere lo sfondo" significa qualcosa di diverso lì rispetto a uno strumento fotografico. Se hai solo bisogno che lo sfondo del tuo frame o tavola da disegno scompaia all'esportazione, Figma può farlo nativamente. Ma se hai una foto con uno sfondo affollato - una foto prodotto, un ritratto, un'immagine inserita - Figma non ha un modo integrato per rilevare il soggetto e ritagliarlo; ti serve un plugin, molta pazienza con lo strumento Penna, o uno strumento dedicato di rimozione sfondo prima ancora che l'immagine arrivi nel tuo file.

Perché gli sfondi trasparenti contano nei progetti Figma

I PNG trasparenti permettono di sovrapporre un logo, una foto prodotto o un'icona su qualsiasi colore, mockup di screenshot o gradiente senza un riquadro visibile intorno. Questo conta per i kit UI, le presentazioni di marketing, gli screenshot per gli store delle app e qualsiasi design system in cui la stessa risorsa deve comparire su più sfondi.

Metodo 1: Esportare un frame con sfondo trasparente

Passo 1: Seleziona il tuo frame, gruppo o componente in Figma.

Passo 2: Nel pannello a destra, rimuovi o nascondi il riempimento di sfondo del frame (clicca sul campione di colore ed eliminalo, oppure disattivane la visibilità).

Passo 3: Apri la sezione Export in fondo al pannello destro, scegli PNG ed esporta. Il PNG supporta la trasparenza alfa, quindi ovunque sia stato rimosso il riempimento di sfondo verrà esportato come trasparente invece che bianco.

Questo funziona bene per loghi, icone e mockup UI dove lo "sfondo" è solo un colore di riempimento aggiunto in Figma, non una scena fotografata.

Metodo 2: Rimuovere lo sfondo da una foto inserita

Se l'esigenza di trasparenza riguarda una foto - una foto prodotto, un ritratto, lo screenshot di un oggetto fisico - le impostazioni di esportazione di Figma non possono aiutare, perché lo sfondo non è un riempimento Figma, è parte dei pixel dell'immagine stessa. All'interno di Figma, le opzioni realistiche sono un plugin della community che chiama un'API esterna, oppure mascherare manualmente il soggetto con lo strumento Penna, il che è lento e raramente produce bordi netti attorno a capelli, pelo o dettagli fini.

La strada più rapida: rimuovilo prima di importarlo

Il flusso di lavoro più semplice per la maggior parte dei designer è rimuovere prima lo sfondo dalla foto, poi trascinare il PNG trasparente risultante direttamente in Figma. Carica l'immagine su nobackground, lascia che l'IA sul dispositivo ritagli il soggetto in pochi secondi, scarica il PNG e posizionalo sulla tua tela - senza permessi per plugin, senza account, e senza che nessuna immagine lasci il tuo browser durante il processo.

Consigli per esportazioni trasparenti pulite

• Esporta a scala 2x o 3x per tutto ciò che verrà usato su un display ad alta densità, poi riduci la scala se necessario - questo evita bordi morbidi e sfocati attorno al ritaglio.
• Visualizza in anteprima i PNG trasparenti su una scacchiera o uno sfondo scuro prima di consegnarli, poiché un leggero alone grigio sul bordo è facile da non notare su una tela bianca semplice.
• Se stai posizionando lo stesso ritaglio su più mockup, conserva il PNG trasparente originale come risorsa condivisa nella tua libreria Figma invece di riesportarlo da ogni frame.

Domande sulla trasparenza in Figma

Figma ha uno strumento di rimozione sfondo integrato? No. Figma può esportare frame o forme con riempimento trasparente, ma non può rilevare e ritagliare automaticamente un soggetto da una foto senza un plugin o uno strumento esterno.

Un PNG trasparente di nobackground funzionerà direttamente in Figma? Sì. Basta trascinare e rilasciare il PNG scaricato sulla tua tela come qualsiasi altra risorsa immagine; la trasparenza viene preservata.

Perché la tua esportazione da Figma ha ancora lo sfondo bianco

È il problema di trasparenza più comune in Figma, e quasi sempre si riduce a una di quattro cause. Primo, il frame ha ancora un riempimento: in alcuni file più vecchi nascondere un riempimento con l'icona dell'occhio lo lascia comunque nell'esportazione, quindi elimina il riempimento invece di disattivarlo. Secondo, hai esportato in JPG invece di PNG; il JPG non ha canale alfa e appiattirà la trasparenza su bianco ogni singola volta. Terzo, c'è un secondo frame o un rettangolo bianco dietro il tuo contenuto di cui ti sei dimenticato, cosa facile da non notare dentro un Auto Layout molto annidato. Quarto, l'immagine stessa ha il bianco impresso nei suoi pixel, e in quel caso nulla nel pannello di esportazione di Figma potrà aiutarti, perché Figma sta esportando fedelmente esattamente ciò che c'è.

Un modo rapido per diagnosticarlo è impostare temporaneamente il colore della tela della pagina su un magenta acceso. Tutto ciò che è davvero trasparente mostrerà il magenta; tutto ciò che è bianco resterà bianco e si rivelerà immediatamente.

Riempimenti immagine contro immagini inserite

Figma tratta una foto come il riempimento di una forma e non come un oggetto separato, cosa che sorprende chi arriva da Photoshop. Quella distinzione conta qui: poiché la foto è un riempimento, non puoi cancellarne una parte e lo strumento penna non ci taglia dentro. Quello che puoi fare è disegnare una forma vettoriale e usarla come maschera, che ritaglia il riempimento su quella forma. Funziona bene per scontorni geometrici come una scheda prodotto con angoli arrotondati, e male per contorni organici come una persona, perché stai disegnando a mano ogni curva della sagoma.

Se il tuo soggetto ha capelli, pelo, bordi sfumati o qualsiasi zona semitrasparente, una maschera vettoriale è strutturalmente lo strumento sbagliato. Un tracciato vettoriale è un confine netto; i capelli hanno bisogno di alfa parziale, cioè di pixel opachi al 40%. Per questo la risposta pratica è portare dentro un'immagine che abbia già un canale alfa, invece di provare a crearne uno dentro Figma.

Mantenere nitidi gli scontorni in componenti e varianti

Quando un PNG trasparente entra a far parte di un componente, alcune abitudini risparmiano molto lavoro da rifare. Metti l'immagine dentro un frame dedicato con il riempimento impostato su trasparente, così il componente può essere ridimensionato senza che il riempimento immagine si ritagli in modi inattesi. Preferisci Fit a Fill per gli scontorni, perché Fill ritaglia sul frame e taglierà senza esitazioni la parte alta di una testa quando qualcuno ridimensiona un'istanza. Se lo stesso scontorno compare in più dimensioni in un design system, pubblicalo una volta come componente e usa le istanze, invece di incollare ripetutamente il PNG: una sola riesportazione aggiornerà allora tutte le schermate in un colpo.

Impostazioni di esportazione che rompono la trasparenza in silenzio

Oltre alla trappola del JPG, ci sono tre impostazioni che causano problemi evitabili. Esportare a 1x per un mockup retina produce bordi morbidi che sembrano uno scontorno fatto male quando in realtà è solo un'esportazione sottodimensionata, quindi usa 2x o 3x per tutto ciò che verrà visto su un display ad alta densità. Applicare una sfocatura di sfondo o una sfocatura di livello a un frame obbliga Figma a rasterizzare un'area più ampia e può introdurre un leggero contorno rettangolare nel PNG esportato. E un'ombra applicata a livello di frame invece che di oggetto verrà resa come ombra del rettangolo e non della sagoma dello scontorno, cosa che rivela subito che l'asset è stato assemblato e non fotografato.

PNG, SVG e WebP per la consegna

Per uno scontorno fotografico, il PNG è l'esportazione corretta in quasi tutti i casi: è l'unico formato raster ampiamente supportato che conserva l'alfa per singolo pixel senza problemi di compatibilità. L'SVG è appropriato solo se la grafica è davvero vettoriale, per esempio un logo disegnato con forme; esportare una foto come SVG incorpora semplicemente i dati raster dentro un contenitore SVG e rende il file più grande senza alcun vantaggio. Il WebP produce file molto più leggeri con la trasparenza intatta ed è una buona scelta per gli asset web in produzione, ma consegna il PNG ai colleghi e tieni la conversione in WebP come passaggio di build, perché alcuni strumenti di design e di stampa gestiscono ancora il WebP in modo incoerente.

Peso dei file e librerie condivise

I PNG trasparenti sono più grandi del JPG equivalente perché il canale alfa aggiunge dati e la compressione PNG è senza perdita. In un file Figma grande con decine di scontorni a piena risoluzione, questo si traduce in caricamenti lenti per tutto il team. La soluzione pratica è tenere un master ad alta risoluzione di ogni scontorno fuori dal file di lavoro e inserire in Figma una versione di dimensioni ragionevoli, circa il doppio della dimensione massima di visualizzazione che ti serve. Mantieni la qualità dove conta e smetti di pagarla a ogni apertura del file.