Come esportare un file SVG da Figma

Scopri come esportare file SVG da Figma con precisione. Segui questa semplice guida per scaricare asset vettoriali da utilizzare in progetti web, di design o di sviluppo.

Crea video e documentazione di prodotto straordinari con l’IA

Questo tutorial è stato creato con Trupeer in meno di 5 minuti

Crea gratuitamente

Passaggi in dettaglio:

1. Seleziona gli elementi: scegli il frame, il gruppo o gli oggetti singoli specifici che desideri esportare come SVG.
2. Individua la sezione Esporta: trova la sezione "Esporta" nella barra laterale destra dell'interfaccia di Figma.
3. Scegli il formato: fai clic sul pulsante "+" accanto a "Esporta" per aggiungere un'impostazione di esportazione. Quindi, seleziona "SVG" dal menu a discesa del formato.
4. Esporta il file: fai clic sul pulsante "Esporta" e scegli dove salvare il file SVG sul tuo computer.

Guida passo passo: come esportare un file SVG da Figma

Passaggio 1

Seleziona il livello specifico che desideri convertire in un file SVG.

Select the specific layer you wish to convert into an SVG file.

Passaggio 2

Fai clic sull'icona più per procedere.

Passaggio 3

Fai clic su questo menu a discesa,

Passaggio 4

Seleziona il formato SVG per il tuo file.

Consigli pratici per esportare un file SVG da Figma

Seleziona l'oggetto o il frame
Fai clic sull'oggetto, icona o frame specifico che desideri esportare come SVG. Assicurati che sia selezionato solo l'elemento desiderato.
Vai alla sezione di esportazione nella barra laterale destra
Nella barra laterale destra, scorri verso il basso fino a trovare la sezione “Esporta”. Potrebbe essere necessario espanderla se è compressa.
Fai clic sull'icona “+” per aggiungere un'impostazione di esportazione
Fai clic sul “+” accanto all'etichetta di esportazione per attivare le opzioni di esportazione per l'oggetto o frame selezionato.
Scegli “SVG” dal menu a discesa del formato
Nel menu a discesa del formato di esportazione, seleziona “SVG” dall'elenco dei formati disponibili (PNG, JPG, PDF, SVG, ecc.).
Fai clic sul pulsante “Esporta”
Dopo aver selezionato SVG, fai clic sul pulsante “Esporta [Nome livello]”. Figma genererà e scaricherà il file SVG sul tuo computer.

Errori comuni e come evitarli

SVG esportato non funzionante correttamente
Se l'SVG ha effetti come sfocature o font non supportati, potrebbe non essere visualizzato correttamente. Semplifica il design prima di esportare.
File esportato come PNG o un altro formato
Controlla sempre che “SVG” sia selezionato nel menu a discesa del formato. Per impostazione predefinita, potrebbe mostrare PNG.
Elementi indesiderati inclusi nell'esportazione
Assicurati di selezionare solo ciò che desideri esportare. Usa gruppi o frame per isolare l'elemento da esportare.
Perdita di qualità nell'SVG esportato
Poiché SVG è basato su vettori, i problemi di qualità sono rari, ma usa vettori appiattiti ed evita immagini raster complesse all'interno del file.
Dimensioni del file SVG troppo grandi
Pulisci i livelli e i tracciati inutilizzati. Converti il testo in contorni, se necessario, per ridurre le dimensioni del file.

FAQ comuni sull'esportazione di SVG da Figma

Come esporto un file SVG in Figma?
Seleziona l'oggetto o il frame, vai nella barra laterale destra, aggiungi un'impostazione di esportazione, scegli SVG come formato, quindi fai clic su Esporta.
Posso esportare più SVG contemporaneamente?
Sì, seleziona più frame o componenti e applica l'impostazione di esportazione a ciascuno prima di esportarli tutti insieme.
Il mio testo rimarrà modificabile nell'SVG?
Per impostazione predefinita, sì. Se vuoi garantire la compatibilità, converti il testo in tracciati prima di esportare.
Qual è il vantaggio di usare SVG invece di PNG?
I file SVG sono scalabili, leggeri e mantengono la qualità a qualsiasi risoluzione. Sono ideali per icone e risorse UI.
Posso usare l'SVG esportato in un sito web?
Sì, gli SVG esportati da Figma sono pronti per il web e possono essere incorporati direttamente in HTML o usati come risorse immagine.
Come registrare lo schermo su Mac?
Per registrare lo schermo su un Mac, puoi usare Trupeer AI. Ti consente di catturare l'intero schermo e offre funzionalità IA come l'aggiunta di avatar IA, l'aggiunta di voiceover, l'aggiunta di zoom avanti e indietro nel video. Con la funzione di traduzione video AI di Trupeer, puoi tradurre il video in oltre 30 lingue.
Come aggiungere un avatar IA a una registrazione dello schermo?
Per aggiungere un avatar IA a una registrazione dello schermo, dovrai usare uno strumento di registrazione dello schermo basato su IA. Trupeer AI è uno strumento di registrazione dello schermo basato su IA, che ti aiuta a creare video con più avatar e ti aiuta anche a creare il tuo avatar per il video.
Come registrare lo schermo su Windows?
Per registrare lo schermo su Windows, puoi usare la Game Bar integrata (Windows + G) oppure uno strumento IA avanzato come Trupeer AI per funzionalità più avanzate come avatar IA, voiceover, traduzione ecc.
Come aggiungere un voiceover al video?
Per aggiungere voiceover ai video, scarica l'estensione Chrome di Trupeer AI. Una volta registrato, carica il tuo video con voce, scegli il voiceover desiderato da Trupeer ed esporta il video modificato.
Come faccio a ingrandire durante una registrazione dello schermo?
Per ingrandire durante una registrazione dello schermo, usa gli effetti zoom in Trupeer AI che ti consentono di zoomare avanti e indietro in momenti specifici, migliorando l'impatto visivo dei contenuti video.