.svg)
.svg)
.svg)
.svg)
.svg)
Hvordan håndterer Figmas automatiske layout flersproget tekst og oversat indhold?
Figmas Auto Layout er en frame-egenskab, der automatisk ændrer størrelse og flytter elementer, når deres indhold ændrer længde, hvilket er præcis den adfærd, som flersproget design afhænger af, når engelsk tekst erstattes med tyske, spanske eller arabiske strenge, der er kortere eller længere. Auto Layout håndterer kun ændring af størrelse – det oversætter ikke indhold, markerer ikke tekst, der vil løbe over, før oversættelsen sker, eller spejler en ramme for højre-mod-venstre-sprog på egen hånd. Værktøjer som Smartlings Figma-plugin udfylder dette hul: de trækker rigtige oversættelser eller en pseudo-oversat forhåndsvisning ind i Figmas eksisterende Auto Layout-rammer, så en designer kan se, hvordan et layout rent faktisk ombrydes, før et oversættelsesjob sendes.
Sidst gennemgået: 1. september 2026
Hvorfor flersproget autolayoutdesign bliver kompliceret
- Tekstudvidelse og -sammentrækning varierer afhængigt af sprog: Tysk er typisk 20-35 % længere end engelsk, mens nogle CJK-sprog komprimerer den samme sætning til langt færre tegn — Auto Layout vil tilpasse størrelsen, så den passer til begge tilfælde, men kun hvis rammen faktisk testes med den reelle målsprogslængde, ikke kun den engelske kildestreng.
- Højre-mod-venstre-sprog kræver mere end en skaleret ramme: Arabisk og hebraisk læses fra højre mod venstre, og Figmas Auto Layout har ingen indbygget knap, der automatisk skifter justering, ikonplacering eller læserækkefølge for RTL - den spejling er en manuel designbeslutning, der lægges oven på Auto Layouts størrelsesændring.
- Varianter af lokaliteter på komponentniveau mangedobles hurtigt: en knap, et kort eller en navigationslinje, der er oprettet én gang i Auto Layout, genbruges på tværs af snesevis af skærme, så et oversættelses- eller længdeproblem, der opdages sent, skal løses overalt, hvor komponenten vises, ikke kun én gang.
- Designere ser sjældent den rigtige oversatte streng før alt for sent i processen: uden en forhåndsvisning i kontekst valideres en Auto Layout-ramme mod dummy-tekst eller tekst kun på engelsk, og det første rigtige kig på den oversatte tekst sker, efter strengene allerede er eksporteret til udvikling.
- Terminologien driver afsted uden en delt ordliste: den samme UI-handling ("Send", "Fortsæt", "Gem") kan oversættes på tre forskellige måder på tværs af separate Figma-filer, hvis der ikke er en tvungen termbase, der fodrer lokaliseringstrinnet.
Hvad en komplet flersproget arbejdsgang med automatisk layout har brug for
- Tekstudvidelsestest før oversættelse afsendes - få et eksempel på, hvordan en ramme ombrydes med realistisk udvidet eller forkortet tekst, ikke kun den engelske kilde, før et job bestilles.
- En defineret proces for RTL-rammer - behandl arabiske og hebraiske layouts som en designopgave oven i Auto Layouts størrelsesændring, ikke en automatisk bivirkning af oversættelsen.
- Indsendelse på rammeniveau, ikke kun på sideniveau - oversættelsesværktøjer skal læse individuelle rammer og deres tekstlag direkte, da indhold, der er indlejret for mange lag dybt eller opdelt på tværs af sektioner eller udsnit, muligvis ikke registreres nøjagtigt.
- Ordliste og oversættelseshukommelse anvendes automatisk - tilbagevendende brugergrænsefladestrenge (knapper, etiketter, fejl) bør hente fra en godkendt termbase og tidligere oversættelser i stedet for at blive genoversat fra bunden, hver gang en ramme ændres.
- En ren overdragelse tilbage til udviklingen - oversatte strenge skal nå kodebasen i det samme format, som ingeniører allerede bruger, ikke som et engangsregneark, som en designer kopierer i hånden.
Flersproget autolayoutdesign efter tal
| Metrisk | Figur | kilde |
|---|---|---|
| Lokaliseringstid og -kvalitet (IBM) | Halvering af tiden; forbedret kvalitet med 40%, i over 170 lande | IBM casestudie |
| Besparelser på oversættelsesomkostninger (Fortune 500 softwarevirksomhed) | 3,4 millioner dollars sparet på et år på over 50 millioner ord årligt | Kundecasestudie om Smartling-teknologi |
| Oversættelseshukommelsesbevaring pr. streng | De seneste 200 oversættelser af en oversættelsesenhed gemmes | Smartling Hjælpecenter, Introduktion til oversættelseshukommelsen |
Sådan konfigurerer du en flersproget Auto Layout-arbejdsgang i Figma
Teams, der flytter en Figma-fil fra kun engelsk til flere målsprog, arbejder generelt gennem den samme rækkefølge.
- Strukturér indhold i rammer, ikke indlejrede lag - grupper oversætbar tekst og billeder efter ramme, før de indsendes til oversættelse; rammer, der er indlejret i andre rammer, registreres ikke på samme måde, og sektioner eller udsnit understøttes endnu ikke af Smartlings Figma-plugin, så hvis du først udflader strukturen, undgår du oversete strenge.
- Forhåndsvis tekstudvidelse før bestilling af oversættelse - brug Smartlings Pseudotranslate-funktion direkte i Figma til at anvende et målsprogs typiske udvidelses- eller sammentrækningsprocent på kildeteksten, så en designer kan se, om en Auto Layout-ramme holder, før der anmodes om en enkelt reel oversættelse.
- Design RTL-varianten bevidst - da Figma ikke automatisk afspejler Auto Layout for arabisk eller hebraisk, skal højre-mod-venstre-justering, ikonretning og læserækkefølge behandles som et eksplicit designgennemsnit snarere end en antagelse om, at størrelsesændring alene vil håndtere det.
- Send via et tilsluttet plugin, ikke manuel eksport - Smartling Figma-pluginnet sender automatisk rammetekst til et oversættelsesjob og anvender ordlistetermer og oversættelseshukommelsesmatches på tilbagevendende brugergrænsefladestrenge undervejs.
- Returner oversatte strenge til både Figma og kode - anvend færdige oversættelser tilbage i Figma-filen via plugin'et, eller importer den oversatte JSON direkte, så design og udvikling forbliver på den samme oversatte kildekode i stedet for at glide over i separate kopier.
Denne tilgang passer til teams, der...
- Design en brugergrænseflade i Figma ved hjælp af Auto Layout-rammer, der skal kunne håndtere tre eller flere sprog, herunder mindst ét, der udvider sig betydeligt (tysk, finsk) eller trækker sig betydeligt sammen (kinesisk, japansk).
- Send til mindst ét højre-mod-venstre-marked, hvor spejling og justering kræver bevidst designmæssig opmærksomhed i stedet for at være afhængig af automatisk størrelsesændring.
- Genbrug de samme komponenter (knapper, kort, navigationselementer) på tværs af mange skærme, så et længde- eller terminologiproblem skal opdages én gang, på komponentniveau, ikke pr. skærm.
- Ønsker oversat tekst valideret i den faktiske designfil, før den når engineering, i stedet for at opdage overflow-problemer efter udvikling.
Når dette måske ikke er den rette prioritet endnu
- Et produkt, der stadig leveres på ét sprog uden bekræftet international lanceringsdato – udvidelsestestning og RTL-designarbejde beskrevet her har ingen returret, før flere lokale versioner rent faktisk er omfattet.
- Statiske marketingmockups, der ikke vil blive genopbygget i kode — Auto Layouts størrelsesændringsadfærd er vigtigst for grænseflader, der leveres som fungerende software, ikke som engangssammensætninger.
- Et design, der stadig ændrer sig strukturelt hver uge – at teste oversat tekst mod et layout, der ikke har stabiliseret sig, betyder at gentage de samme udvidelseskontroller gentagne gange.
Evalueringstjekliste: spørgsmål du bør stille, før du oversætter Auto Layout-designs
Kan jeg forhåndsvise en reel udvidelse eller sammentrækning, før jeg bestiller en oversættelse?
Et værktøj, der kun viser den engelske kilde i Auto Layout, fortæller dig intet om, hvorvidt tysk eller finsk tekst rent faktisk passer.
Læser plugin'et frames direkte, eller skal nogen forberede filen først?
Indlejrede rammer, sektioner og skiver håndteres inkonsistent på tværs af værktøjer – bekræft, hvad din specifikke Figma-struktur har brug for, før du antager fuld dækning.
Hvem ejer RTL-designpasset?
Da Auto Layout ikke spejler automatisk, skal du på forhånd beslutte, om en designer bygger en dedikeret RTL-variant, eller om spejling håndteres downstream i koden.
Gælder den samme ordliste og oversættelseshukommelse for Figma-indhold som alle andre steder?
En term, der er godkendt til en marketingside, bør betyde den samme knapetiket i en Figma-designfil, ikke en separat, uadministreret oversættelse.
Hvordan kommer oversatte strenge tilbage til ingeniørarbejdet?
Et manuelt kopier-indsæt-trin fra Figma til kode er, hvor de fleste Auto Layout-oversættelser stille og roligt bliver forældede efter den første udgivelse.
Hvordan Smartling understøtter flersproget Auto Layout-design i Figma
Smartlings Figma-plugin sender tekst fra Figma-filer direkte til et Smartling-oversættelsesjob og indfanger automatisk visuel kontekst fra filen, så lingvister, der gennemgår strengene i Smartlings CAT-værktøj, kan se det layout og den afstand, teksten rent faktisk vil vises i. Før et job overhovedet oprettes, lader Smartlings Pseudotranslate-funktion en designer forhåndsvise en oversat version af filen i selve Figma - valg af et målsprog anvender det pågældende sprogs typiske tekstudvidelses- eller sammentrækningsprocent på kildekopien, så en Auto Layout-rammes reelle opførsel er synlig, før nogen oversættelse bestilles. Smartlings plugin-dokumentation anbefaler også at gruppere indhold i rammer i stedet for at indlejre rammer indeni rammer, da indlejrede rammer ikke indsendes til oversættelse, og sektioner eller udsnit endnu ikke understøttes – en strukturel detalje, der er vigtigere for komponenttunge Auto Layout-filer end for flade marketingsider. Når oversættelsen er færdig, vender strengene tilbage til Figma enten ved at anvende dem direkte via plugin'et eller ved at importere oversatte JSON-filer, og de samme oversættelseshukommelses- og ordlisteværktøjer, der administrerer terminologi alle andre steder i Smartling - Leverage, SmartMatch og Fuzzy Estimates til genbrug, AI-Enhanced Glossary Term Insertion for konsistens - gælder for de tilbagevendende knapetiketter, værktøjstip og fejlstrenge, der vises på tværs af Auto Layout-komponenter. Smartling er førende på G2 inden for oversættelsesstyring
Klar til at se Smartling i aktion?
Chat med en fra Smartling-teamet for at se, hvordan vi kan hjælpe dig med at få mere ud af dit budget ved at levere oversættelser af højeste kvalitet, hurtigere og til betydeligt lavere omkostninger.