Come esportare un logo da Figma per un cliente

1. Prepara una copia della grafica approvata per la consegna

Crea nel file Figma un’area per la consegna con un nome chiaro. Inserisci ogni variante approvata del logo in un proprio frame o gruppo: per esempio Principale, Simbolo e Bianco. Tieni altrove le proposte scartate e le versioni esplorative. Questo riduce molto il rischio di selezionare l’esportazione sbagliata.

Controlla i limiti intorno a ogni logo. Un frame ampio e vuoto può lasciare un marchio minuscolo dentro un’immagine grande; un limite troppo stretto può tagliare elementi che ne fuoriescono. Decidi se il margine deve far parte della risorsa esportata o sarà aggiunto dall’impaginazione che la utilizza. Verifica la selezione in base a questa scelta.

Conserva intatto l’originale modificabile. Una copia per la consegna ti permette di risolvere i problemi di esportazione senza perdere il testo modificabile, la struttura dei componenti o altre informazioni che potrebbero servirti per revisioni future.

• Assegna un nome utile a ogni esportazione selezionata prima di scaricarla.
• Rimuovi gli sfondi di presentazione dalle versioni destinate a essere trasparenti.
• Controlla che il logo selezionato comprenda tutte le parti della composizione approvata.
• Verifica che testi piccoli, maschere ed effetti restino corretti nell’output previsto.

2. Esporta un SVG e riaprilo

Con il logo selezionato, fai clic su + accanto a Export nel pannello delle proprietà, scegli SVG ed esporta la selezione. Figma supporta anche l’esportazione nativa in PNG, JPG e PDF; usare un altro strumento è facoltativo. I controlli di esportazione includono larghezze e altezze raster personalizzate.

Per impostazione predefinita, Figma converte in tracciati il testo degli SVG. Questo conserva le forme delle lettere senza lasciare testo modificabile nell’esportazione. Conserva il file di lavoro per le future modifiche al testo. Rivedi le impostazioni di esportazione se il progetto richiede specificamente testo modificabile.

Apri l’SVG scaricato in un browser e, quando utile, in un altro editor vettoriale. Confronta il wordmark lettera per lettera con la versione approvata. Controlla spessori dei tratti, aperture nelle forme, limiti esterni ed eventuali dettagli sovrapposti. Il completamento del download conferma soltanto che è stato creato un file.

Approfondimenti: Figma: esportare da Figma · Figma: formati e impostazioni di esportazione

3. Crea file per lo schermo adatti alle destinazioni reali

Chiedi al cliente i prossimi contesti in cui comparirà il logo. L’intestazione di un sito web, una presentazione e un’immagine del profilo hanno vincoli diversi. Annota dimensioni richieste, sfondo e formati accettati prima di creare un gran numero di esportazioni.

Per esempio, supponiamo che uno sviluppatore chieda un logo raster trasparente da visualizzare con una larghezza di 180 pixel. Un’esportazione larga 360 pixel offre a quel posizionamento un’immagine 2×; una larga 540 pixel ne offre una 3×. Queste dimensioni sono specifiche dell’esempio. Verifica il requisito effettivo con lo sviluppatore, anziché considerare uno dei due valori uno standard universale. Per creare la versione da 360 pixel in Figma, aggiungi un’esportazione PNG e inserisci 360w nel campo Scale; usa 540w per l’esempio 3×.

Usa SVG dove la destinazione lo accetta e PNG quando serve trasparenza in un file raster. Fornisci un JPG solo quando un’immagine con sfondo pieno è appropriata o richiesta. Scegli il profilo colore digitale previsto; Figma offre controlli di esportazione sRGB e Display P3. Prova la risorsa risultante nella sua destinazione reale.

Acme_Primary_Web.svg
Acme_Primary_Transparent_360px.png
Acme_White_Transparent_360px.png
Acme_Primary_WhiteBackground_1200px.jpg

Questi sono esempi di file da consegnare, non dimensioni obbligatorie.

Continua con: Scegli i formati in base all’uso

4. Considera la stampa una decisione di produzione separata

Se uno stampatore chiede un EPS CMYK o una particolare specifica PDF, annota la richiesta esatta. Il solo download di un PDF da Figma non dimostra che siano stati rispettati i requisiti di colore, profilo e produzione dello stampatore.

Chiedi se il fornitore si aspetta quadricromia CMYK, tinte piatte, un profilo di output specifico o un particolare standard PDF. Controlla il file effettivamente esportato con un processo di verifica adeguato e richiedi una prova quando la precisione del colore è importante. Fornisci il logo come risorsa grafica; aggiungi impostazioni di abbondanza o rifilo solo se stai preparando anche l’impaginato finito che le richiede.

Per la grafica SVG vettoriale con campiture piene supportata, logopack.app può creare file di logo EPS CMYK e, con Pro, PDF CMYK usando i valori CMYK del progetto. La grafica complessa può richiedere una preparazione in un editor vettoriale. Queste esportazioni vanno comunque verificate rispetto al brief del fornitore.

Approfondimenti: Adobe: opzioni di output PDF

5. Scegli come assemblare il pacchetto

Per una piccola consegna, possono bastare le esportazioni native di Figma e cartelle dai nomi accurati. Mantieni un processo che riesci a verificare facilmente. Se ti servono regolarmente molte varianti approvate e molti tipi di file, un flusso di preparazione dei pacchetti può ridurre l’organizzazione manuale.

Un’opzione è caricare l’SVG verificato su logopack.app, identificare il logo principale e le eventuali versioni aggiuntive, esaminare le varianti colore e controllare l’anteprima delle cartelle. Le esportazioni standard includono SVG, PNG, JPG, WebP ed EPS CMYK. Pro aggiunge impostazioni di esportazione personalizzate, file di logo PDF CMYK per la grafica supportata e una guida al logo in PDF. Un account gratuito consente di visualizzare in anteprima la tua grafica e di esportare la demo fornita senza modifiche. Per esportare la tua grafica serve Pro.

Se preferisci restare in Figma, TinyImage offre un flusso Logo Packager documentato. Confronta gli output necessari e le condizioni attuali dei piani prima di scegliere. La domanda utile è se il pacchetto finale soddisfa le esigenze del cliente e risparmia lavoro che altrimenti faresti manualmente.

Continua con: Confronta i flussi per preparare i pacchetti logo

Approfondimenti: TinyImage: preparare un pacchetto logo in Figma

6. Controlla cosa riceverà il cliente

Estrai la consegna effettiva in una nuova cartella. Apri file rappresentativi di ogni formato e variante del logo. Prova un logo bianco trasparente su uno sfondo scuro, in modo che non venga scambiato per un file vuoto.

Includi brevi istruzioni che identifichino il logo predefinito e spieghino quali file usare nelle applicazioni comuni. Se l’accordo prevede l’accesso modificabile a Figma, forniscilo separatamente con le autorizzazioni appropriate. Una cartella di esportazioni non sostituisce la consegna dei file sorgente concordata.

• ✓Confronta lettere e forme con la grafica approvata.
• ✓Controlla dimensioni in pixel, margini e nitidezza delle immagini raster alla dimensione d’uso.
• ✓Esamina le risorse trasparenti sia su sfondi chiari sia su sfondi scuri.
• ✓Verifica le impostazioni colore e di output per la stampa rispetto alla richiesta del fornitore.
• ✓Rimuovi versioni duplicate, scartate e obsolete.
• ✓Leggi nomi dei file e istruzioni come farebbe chi non conosce il progetto.

Domande frequenti sull’esportazione di loghi da Figma