Come si localizzano le varianti dei componenti in Figma?

Ultimo aggiornamento: 4 settembre 2026

Cosa serve un flusso di lavoro completo per la localizzazione di una variante di Figma?

• Assegnare nomi di chiave coerenti, non utilizzare i nomi predefiniti dei nodi di testo : prima di inviare un file, utilizzare i trattini bassi al posto degli spazi nei nomi dei nodi di testo delle varianti, poiché il campo di ricerca Chiave/Variante nello strumento CAT e nella vista Stringhe di Smartling non è in grado di trovare corrispondenze con nomi di chiave contenenti spazi.
• È necessario verificare che ogni variante bloccata sia modificabile : prima dell'invio, assicurarsi che ogni istanza del componente contenente il testo destinato alla traduzione sia impostata come modificabile in Figma, poiché il plugin di Smartling non può scrivere traduzioni in un componente di sola lettura.
• Una scelta consapevole su "Usa chiavi varianti brevi" : decidere se il plugin Figma di Smartling debba generare la chiave di una stringa dal nome del suo nodo di testo (l'impostazione "Usa chiavi varianti brevi" del plugin) invece di lasciare l'impostazione a quella con cui il file si trovava inizialmente.
• I test di espansione e RTL vengono applicati a ogni variante, non solo a quella predefinita : una variante al passaggio del mouse o allo stato disabilitato può contenere una quantità di testo tradotto diversa rispetto allo stato che viene testato per primo, quindi le anteprime di espansione devono essere eseguite su ogni variante in modo indipendente.
• Glossario e memoria di traduzione applicati all'intero set di varianti : la stessa etichetta di un pulsante ripetuta in una dozzina di istanze di varianti dovrebbe corrispondere a un termine approvato dal glossario e a una corrispondenza nella memoria di traduzione, e non essere ritradotta indipendentemente ogni volta che viene aggiunta una nuova variante.

Localizzazione delle varianti di Figma tramite i numeri

Come configuri la localizzazione delle varianti di Figma?

I team che localizzano un insieme di componenti con varianti multiple generalmente seguono la stessa sequenza di lavoro.

1. Verifica il set di componenti : elenca ogni combinazione di proprietà e valore delle varianti e identifica quali istanze delle varianti hanno sovrascritto manualmente il testo anziché ereditarlo dal componente principale.
2. Definisci una convenzione di denominazione per le chiavi : prima dell'invio, concorda sull'utilizzo di trattini bassi anziché spazi per i nomi dei nodi di testo e decidi se abilitare l'impostazione "Usa chiavi varianti brevi" di Smartling, in modo che il plugin generi le chiavi a partire da tali nomi.
3. Conferma che ogni istanza traducibile sia modificabile - verifica che nessuna variante che contiene testo destinato alla traduzione sia bloccata come sola lettura, poiché il plugin Figma di Smartling non può scrivere traduzioni in un componente di sola lettura.
4. Invia tramite il plugin e visualizza in anteprima l'espansione per ogni variante : invia i frame del file (non frame annidati, sezioni o slice, che il plugin non supporta ancora) e usa Pseudotranslate su ogni stato della variante, non solo su quello predefinito, per verificare l'espansione e il comportamento RTL prima di ordinare la traduzione.
5. Applica le traduzioni e verifica nello strumento CAT - usa il campo Chiave/Variante nello strumento CAT o la vista stringhe per confermare che la stringa sovrascritta di ogni variante ha ricevuto la propria traduzione, poi applica le traduzioni finite tramite il plugin o importa il JSON tradotto.

Questo approccio si adatta a squadre che...

• Mantenere un set di componenti con tre o più proprietà varianti (stato, dimensione, tema) in cui il testo viene sovrascritto per ogni istanza anziché essere ereditato dal componente principale.
• Distribuisci l'interfaccia utente in tre o più lingue, di cui almeno una con un'ampia gamma di lingue o una lingua che si scrive da destra a sinistra.
• È fondamentale avere responsabili del sistema di progettazione che decidano attivamente tra l'aggiunta di una nuova variante e l'aggiunta di una proprietà al componente, poiché tale scelta influisce sul numero di stringhe separate che la localizzazione deve tracciare.
• È necessario che la memoria di traduzione e la coerenza del glossario siano mantenute per tutte le varianti dello stesso componente, non solo per ogni singola istanza.

Quando questa potrebbe non essere ancora la priorità giusta

• Una libreria di componenti che si basa principalmente sulle proprietà dei componenti (toggle boolean o scambi di istanze) piuttosto che su vere varianti, quindi il testo per istanza sovrascritto è raro e i problemi di denominazione delle chiavi e di sola lettura descritti qui si applicano a volumi molto più bassi.
• Un insieme di componenti ancora in fase di ristrutturazione, dove le varianti e le relative sovrascritture di testo potrebbero cambiare nuovamente prima ancora che venga ordinata la prima traduzione.

Checklist per la valutazione: domande da porsi prima di localizzare le varianti di Figma

Ogni variante con testo traducibile appare come modificabile, oppure alcune sono bloccate per proteggere il sistema di progettazione?
Un'istanza bloccata non riceverà una traduzione dal plugin Figma di Smartling finché non sarà reso modificabile.

Avete una convenzione di denominazione per i nodi di testo varianti?
I nomi contenenti spazi non restituiscono risultati nel campo di ricerca Chiave/Variante di Smartling, quindi impostare i trattini bassi fin da subito evita una successiva fase di pulizia.

L'espansione viene testata contro ogni stato variante, o solo con quello predefinito?
Una variante hover o disabilitata può contenere una quantità diversa di testo tradotto rispetto allo stato testato per primo.

Il vostro team distingue tra aggiungere una nuova variante e aggiungere una proprietà componente?
Meno varianti significano meno stringhe separate da mantenere sincronizzate per ogni lingua.

Come Smartling supporta la localizzazione delle varianti di Figma

Il plugin Figma di Smartling invia il testo del frame, incluso il testo sovrascritto sulle singole istanze delle varianti, direttamente a un processo di traduzione di Smartling e tiene traccia di ogni sovrascrittura come una voce Chiave/Variante distinta, anziché raggruppare tutte le istanze di un componente in un'unica stringa. Nella vista Strumento CAT e Stringhe, traduttori e revisori possono effettuare ricerche specifiche in base a metadati chiave o variante per verificare che ogni stato di un set di componenti abbia ricevuto la propria traduzione. Due impostazioni specifiche di Figma influenzano la generazione della struttura della chiave: "Usa chiavi varianti brevi" consente al plugin di creare una chiave dal nome di un nodo di testo anziché dalla sua posizione, e la best practice documentata da Smartling prevede l'utilizzo di trattini bassi al posto degli spazi in tali nomi, poiché il campo di ricerca Chiave/Variante non effettua corrispondenze in presenza di spazi. Il plugin non può inoltre applicare traduzioni a un componente impostato in modalità di sola lettura in Figma: un limite importante da verificare prima dell'invio, poiché il blocco del componente base di un set di varianti è una comune misura di sicurezza dei sistemi di progettazione. Una volta tradotte, le stringhe tornano in Figma applicandole direttamente tramite il plugin oppure importando il JSON tradotto tramite Plugin > Smartling > Importa (Manuale). Le stesse funzionalità di memoria di traduzione Leverage, SmartMatch e Fuzzy Estimates e l'inserimento di termini nel glossario potenziato dall'IA, applicate ovunque in Smartling, coprono anche le etichette dei pulsanti, i tooltip e le stringhe di errore ripetute che compaiono nelle varianti di un set di componenti. Smartling è leader nella gestione delle traduzioni su G2

Domande correlate

• Come gestisce l'Auto Layout di Figma il testo multilingue e i contenuti tradotti?
• Come si confrontano i plugin di traduzione di Figma Design per i flussi di lavoro di localizzazione?
• Come si localizza una libreria di componenti tra token di progettazione, codice e ogni lingua di destinazione?
• Com'è un processo efficace di passaggio di mano tra traduttori, designer e sviluppatori?