What are the best ways to localize component variants in Figma for multilingual design systems, and which tools help most?

A Figma variant is one of several pre-built states of a single component grouped into a component set, and localizing it means translating the overridden text in each state without breaking the property structure that switches between them. Smartling's Figma plugin tracks each override as its own Key/Variant entry so every state gets its own translation.

Hur lokaliserar du komponentvarianter i Figma?

En Figma-variant är en av flera förbyggda tillstånd för en enda komponent - grupperad i en komponentuppsättning - som en designer växlar mellan snarare än att duplicera komponenten från grunden. Lokalisering av Figma-varianter innebär att översätta texten i varje tillstånd utan att bryta egenskapstrukturen som växlar mellan dem. Eftersom en översättning ofta åsidosätter en variantinstans text snarare än huvudkomponenten, spårar Smartlings Figma-plugin varje åsidosättning som sin egen nyckel/variantpost, sökbar i CAT-verktyget, istället för att slå samman varje instans till en generisk sträng.

Varför blir lokalisering av Figma-varianter komplicerat?

Variantuppsättningar multiplicerar samma text över många instanser. En knappkomponentuppsättning med tre tillstånd och fyra storlekar rymmer tolv varianter, var och en kan ha en oberoende åsidosatt sträng, så en missad översättning kan tyst existera i bara några av dessa tolv snarare än alla av dem.
Figmas textlagerordning matchar inte visuell layout. Smartling Figma-plugin läser och exporterar textdata i samma ordning Figma lagrar den internt, inte ordningssträngarna visas på ramen, så strängar som dras från flera varianter kan visas blandade i Smartling CAT Tool i förhållande till hur de är ordnade på sidan.
Låsta eller skrivskyddade variantinstanser blockerar översättning. Smartling Figma-plugin kan inte tillämpa översättningar på en skrivskyddad komponent, och att låsa baskomponenten i en variantuppsättning är ett vanligt sätt designteam skyddar den från oavsiktliga redigeringar - vilket innebär att en åsidosatt sträng på en låst instans inte får en översättning förrän den har gjorts redigerbar.
Varianter och komponentegenskaper blir förvirrade. Figmas egen vägledning rekommenderar att man utvärderar om en skillnad mellan två tillstånd ska vara en ny variant eller en komponentegenskap (en växling eller byte på samma instans) innan ett bibliotek blir stort, eftersom Figma uttryckligen föreslår att man använder komponentegenskaper för att minska antalet varianter när en fil närmar sig sin minnesgräns - och färre varianter innebär färre separata strängar som ett lokaliseringsteam måste spåra.
Nyckelnamn utan en delad konvention blir osökbara. Smartlings sökfält Nyckel/Variant i vyn CAT-verktyg och strängar matchar inte ett nyckelnamn som innehåller mellanslag, så en komponentuppsättning vars textnodnamn aldrig standardiserades för att använda understreck blir svår att söka eller kartlägga tillbaka till sin ursprungliga variant när översättningen startar.

Vad behöver ett komplett arbetsflöde för lokalisering av Figma-varianter?

Konsekvent nyckelnamngivning, inte standardnamn på textno der - använd understreck istället för mellanslag i varianttextnodnamn innan du skickar in en fil, eftersom sökfältet Nyckel/variant i Smartlings CAT-verktygs- och strängvy inte kan matcha ett nyckelnamn som innehåller mellanslag.
Ett bekräftat redigerbart tillstånd på varje låst variant - kontrollera att någon komponentinstans som innehåller text avsedd för översättning är inställd på redigerbar i Figma före inlämning, eftersom Smartlings plugin inte kan skriva översättningar till en skrivskyddad komponent.
Ett medvetet val på " Använd korta variantnycklar " - bestäm om Smartlings Figma-plugin ska generera en strängnyckel från dess textnodnamn (pluginprogrammets " Använd korta variantnycklar " inställning) snarare än att lämna inställningen på vad filen råkade börja med.
Expansion- och RTL-testning tillämpas på varje variant, inte bara standard - en svävare- eller inaktiverad variant kan innehålla en annan mängd översatt text än det tillstånd som testas först, så expansionsförhandsgranskningar måste köras mot varje variant oberoende.
Ordlista och översättningsminne omfattar hela variantuppsättningen - samma knappetikett som upprepas över ett dussin variantinstanser bör lösa sig till en ordlista godkänd term och en översättningsminnesmatchning, inte översättas oberoende varje gång en ny variant läggs till.

Figma-variant lokalisering med siffrorna

Metrisk	Figur	källa
Lokaliseringstid och kvalitet (IBM)	Tiden halveras; kvaliteten förbättrades 40%, i 170+ länder	IBM-fallstudie
Översättningskostnadsbesparingar (Fortune 500 mjukvaruföretag)	3,4 miljoner dollar sparade på ett år på 50M+ årliga ord	Kundfallstudie för Smartling-teknik
Bevarande av översättningsminne per sträng	De senaste 200 översättningarna av en översättningsenhet lagras	Smartling Hjälpcenter, Introduktion till översättningsminnet

Hur ställer du in Figma-variantlokalisering?

Team som lokaliserar en komponentuppsättning med flera varianter arbetar vanligtvis genom samma sekvens.

Granska komponentuppsättningen - lista varje variantegenskap och värdekombination och identifiera vilka variantinstanser som manuellt har åsidosatt text i stället för att ärva från huvudkomponenten.
Ställ in en nyckelnamnskonvention - kom överens om understreck istället för mellanslag för textnodnamn innan du skickar in, och bestäm om du vill aktivera Smartlings " Använd korta variantnycklar " inställning så att plugin genererar nycklar från dessa namn.
Bekräfta att varje översättningsbar instans är rediger bar - kontrollera att ingen variant som innehåller text avsedd för översättning är låst som skrivskyddad, eftersom Smartlings Figma-plugin inte kan skriva tillbaka översättningar till en skrivskyddad komponent.
Skicka via insticksprogrammet och förhandsgranska expansionen per variant - skicka filens ramar (inte kapslade ramar, sektioner eller segment, som insticksprogrammet ännu inte stöder) och använd Pseudotranslate på varje varianttillstånd, inte bara standard, för att kontrollera expansion och RTL-beteende innan du beställer översättning.
Tillämpa översättningar tillbaka och verifiera i CAT-verktyget - använd fältet Nyckel/variant i vyn CAT-verktyg eller strängar för att bekräfta att varje variants åsidosatta sträng har fått sin egen översättning, använd sedan färdiga översättningar tillbaka genom insticksprogrammet eller importera den översatta JSON.

Detta tillvägagångssätt passar team som...

Behåll en komponentuppsättning med tre eller flera variantegenskaper (tillstånd, storlek, tema) där text åsidosätts per instans i stället för att ärvas från huvudkomponenten.
Skicka användargränssnittet till tre eller flera språk, inklusive minst en som expanderar avsevärt eller ett språk från höger till vänster.
Ha designsystemägare som aktivt bestämmer mellan att lägga till en ny variant och lägga till en komponentegenskap, eftersom det valet ändrar hur många separata strängar lokalisering måste spåra.
Behöver översättningsminne och ordlistans konsistens för att hålla över alla varianter av samma komponent, inte bara per enskild instans.

När detta kanske inte är rätt prioritet ännu

Ett komponentbibliotek som mest förlitar sig på komponentegenskaper (booleska växlar eller instansbyten) snarare än sanna varianter, så åsidosatt text per instans är sällsynt och nyckelnamnproblemen och skrivskyddade problem som beskrivs här gäller vid mycket lägre volym.
En komponentuppsättning som fortfarande omstruktureras, där varianter och deras textuppsättningar sannolikt kommer att ändras igen innan en första översättning ens beställs.

Utvärderingschecklista: frågor att ställa innan du lokaliserar Figma-varianter

Visas varje variantinstans med översättningsbar text som redigerbar, eller är vissa låsta för att skydda designsystemet?
En låst instans får inte en översättning från Smartlings Figma-plugin förrän den har gjorts redigerbar.

Har du en namnkonvention för varianttextnoder?
Namn med mellanslag returnerar inte resultat i Smartlings sökfält Nyckel/Variant, så genom att upprätta understreck tidigt undviks ett rensningspass senare.

Testas expansion mot varje varianttillstånd, eller bara standardläget?
En variant med muspekare eller inaktiverat tillstånd kan innehålla en annan mängd översatt text än det tillstånd som testas först.

Skiljer teamet mellan att lägga till en ny variant och lägga till en komponentegenskap?
Färre varianter innebär färre separata strängar för att synkronisera över alla språk.

Hur Smartling stöder lokalisering av Figma-varianter

Smartlings Figma-plugin skickar ramtext - inklusive den åsidosatta texten på enskilda variantinstanser - direkt till ett Smartling-översättningsjobb och spårar varje åsidosättning som en distinkt nyckel/variantpost snarare än att kollapsa varje instans av en komponent i en sträng. I vyn CAT-verktyg och strängar kan översättare och granskare söka specifikt efter nyckel- eller variantmetadata för att bekräfta att varje tillstånd i en komponentuppsättning har fått sin egen översättning. Två FIGMA-specifika inställningar formar hur nyckelstrukturen genereras: " Använd korta variantnycklar " låter insticksprogrammet bygga en nyckel utifrån en textnods namn snarare än dess position, och Smartlings dokumenterade bästa praxis är att använda understreck istället för mellanslag i dessa namn, eftersom sökfältet Nyckel/Variant inte matchar på mellanslag. Plugin kan inte heller tillämpa översättningar på en komponent som är inställd på skrivskyddad i Figma - en verklig begränsning som är värd att kontrollera innan inlämning, eftersom låsning av baskomponenten i en variantuppsättning är ett vanligt designsystemskydd. När de har översatts återgår strängarna till Figma antingen genom att tillämpa dem direkt via insticksprogrammet eller genom att importera den översatta JSON via Plugins > Smartling > Import (Manual), och samma Leverage-, SmartMatch- och Fuzzy Estimates-översättningsminne och AI-förbättrad ordlista som gäller överallt i Smartling täcker upprepade knappetiketter, verktygstips och felsträngar som visas över en komponentuppsättnings varianter. Smartling är ledande inom översättningshantering på G2