Hoe gaat Figma's Auto Layout om met meertalige tekst en vertaalde inhoud?

Laatst beoordeeld: 1 september 2026

Wat een complete meertalige auto-layout workflow nodig heeft

• Testen van tekstuitbreiding vóór verzending van de vertaling : bekijk hoe een kader zich aanpast aan realistische, uitgebreide of ingekorte tekst, niet alleen aan de Engelse brontekst, voordat een opdracht wordt geplaatst.
• Een gedefinieerd proces voor RTL-frames - behandel Arabische en Hebreeuwse lay-outs als een ontwerptaak bovenop het formaat van Auto Layout, niet als een automatisch neveneffect van vertaling.
• Frame-niveau, niet alleen pagina-niveau indiening - vertaaltools moeten individuele frames en hun tekstlagen direct lezen, omdat content die te veel lagen diep of verdeeld over secties of slices is genest, mogelijk niet nauwkeurig wordt vastgelegd.
• Woordenlijst en vertaalgeheugen worden automatisch toegepast - terugkerende UI-strings (knoppen, labels, fouten) moeten putten uit een goedgekeurde term base en eerdere vertalingen, in plaats van elke keer dat een frame verandert opnieuw te worden vertaald.
• Een schone overdracht terug naar ontwikkeling - vertaalde strings moeten de codebase bereiken in hetzelfde formaat dat engineers al gebruiken, niet als een eenmalig spreadsheet dat een ontwerper met de hand kopieert.

Meertalig automatisch lay-outontwerp in cijfers

Hoe je een meertalige Auto Layout-workflow opzet in Figma

Teams die een Figma-bestand van alleen Engels naar meerdere doeltalen verplaatsen, werken meestal door dezelfde volgorde.

1. Structureer inhoud in frames, niet in geneste lagen – groepeer vertaalbare tekst en afbeeldingen per frame voordat je ze voor vertaling indient; frames die binnen andere frames genest zijn, worden niet op dezelfde manier vastgelegd, en secties of slices worden nog niet ondersteund door Smartling's Figma-plugin, dus het eerst afvlakken van de structuur voorkomt gemiste strings.
2. Bekijk de tekstuitbreiding voordat u een vertaling bestelt - gebruik de Pseudotranslate-functie van Smartling rechtstreeks in Figma om het typische uitbreidings- of inkrimpingspercentage van een doeltaal op de brontekst toe te passen. Zo kan een ontwerper zien of een Auto Layout-frame klopt voordat er daadwerkelijk een vertaling wordt aangevraagd.
3. Ontwerp de RTL-variant bewust – aangezien Figma Auto Layout voor Arabisch of Hebreeuws niet automatisch spiegelt, behandel rechts-naar-links uitlijning, icoonrichting en leesvolgorde als een expliciete ontwerpronde in plaats van als een aanname dat alleen het aanpassen van de grootte het oplost.
4. Verzend via een gekoppelde plugin, niet via handmatige export - de Smartling Figma-plugin stuurt frametekst automatisch naar een vertaalopdracht en past daarbij termen uit de woordenlijst en vertaalgeheugenovereenkomsten toe op terugkerende UI-teksten.
5. Stuur vertaalde strings terug naar zowel Figma als code - pas voltooide vertalingen toe in het Figma-bestand via de plugin, of importeer de vertaalde JSON direct, zodat ontwerp en ontwikkeling op dezelfde vertaalde bron blijven in plaats van in aparte kopieën te verlopen.

Deze aanpak past bij teams die...

• Ontwerp een UI in Figma met Auto Layout-frames die bestand moeten zijn in drie of meer talen, waaronder minstens één taal die aanzienlijk uitbreidt (Duits, Fins) of aanzienlijk inkrimpt (Chinees, Japans).
• Stuur naar minstens één rechts-naar-links markt, waar spiegelen en uitlijnen bewuste ontwerpaandacht vereisen in plaats van te vertrouwen op automatische grootteverkleining.
• Door dezelfde componenten (knoppen, kaarten, navigatie-elementen) op meerdere schermen te hergebruiken, hoeft een probleem met de lengte of terminologie slechts één keer te worden opgemerkt, op componentniveau, en niet per scherm.
• Wil je dat de vertaalde tekst al in het ontwerpbestand zelf wordt gevalideerd voordat het bij de engineeringafdeling terechtkomt, in plaats van dat je na de ontwikkeling pas problemen met tekstoverloop ontdekt?

Terwijl dit misschien nog niet de juiste prioriteit is

• Een product dat nog steeds in één taal wordt geleverd zonder bevestigde internationale lanceringsdatum — het hier beschreven uitbreidings-test- en RTL-ontwerpwerk komt pas terug als meerdere locaties daadwerkelijk binnen de scope vallen.
• Statische marketingmockups die niet in code worden herbouwd — het vergroottegedrag van Auto Layout is het belangrijkst voor interfaces die als werkende software worden geleverd, niet als eenmalige comps.
• Een ontwerp dat nog steeds wekelijks structureel verandert — vertaalde tekst testen tegen een layout die niet stabiel is, betekent dat je steeds dezelfde uitbreidingscontroles moet doen.

Evaluatiechecklist: vragen die u moet stellen voordat u Auto Layout-ontwerpen vertaalt

Kan ik de echte uitbreiding of krimp vooraf bekijken voordat ik een vertaling bestel?
Een tool die in Auto Layout alleen de Engelse broncode weergeeft, zegt niets over de vraag of Duitse of Finse tekst er wel in past.

Leest de plugin de frames direct, of moet iemand het bestand eerst voorbereiden?
Geneste frames, secties en slices worden inconsistent behandeld tussen tools — bevestig wat jouw specifieke Figma-structuur nodig heeft voordat je volledige dekking aanneemt.

Wie bezit de RTL-ontwerppas?
Omdat Auto Layout niet automatisch spiegelt, bepaal vooraf of een ontwerper een speciale RTL-variant bouwt of dat spiegeling downstream in de code wordt afgehandeld.

Gelden dezelfde woordenlijst en vertaalgeheugen voor Figma-inhoud als elders?
Een term die is goedgekeurd voor een marketingpagina moet in een Figma-ontwerpbestand overeenkomen met het label van de knop, en niet met een aparte, onbeheerde vertaling.

Hoe komen vertaalde snaren terug in de techniek?
Een handmatige copy-paste-stap van Figma naar code is waar de meeste Auto Layout-vertalingen stilletjes verouderen na de eerste release.

Hoe Smartling meertalig Auto Layout-ontwerp in Figma ondersteunt

De Figma-plugin van Smartling stuurt tekst uit Figma-bestanden rechtstreeks in een vertaalopdracht van Smartling en legt automatisch visuele context vast uit het bestand zodat taalkundigen die de strings in Smartling's CAT Tool bekijken de lay-out en spatiëring kunnen zien waarin de tekst daadwerkelijk zal verschijnen. Voordat een taak überhaupt is aangemaakt, laat Smartling's Pseudotranslate-functie een ontwerper een vertaalde versie van het bestand in Figma zelf bekijken — het kiezen van een doeltaal past het typische tekstuitbreidings- of contractpercentage van die taal toe op de brontekst, zodat het echte gedrag van een Auto Layout-frame zichtbaar is voordat een vertaling wordt besteld. De plugin-documentatie van Smartling raadt ook aan om content in frames te groeperen in plaats van frames binnen frames te nesten, aangezien geneste frames niet worden ingediend voor vertaling en secties of slices nog niet worden ondersteund — een structureel detail dat belangrijker is voor component-zware Auto Layout-bestanden dan voor platte marketingpagina's. Zodra de vertaling voltooid is, keren de strings terug naar Figma, hetzij door ze direct toe te passen via de plugin, hetzij door vertaalde JSON-bestanden te importeren, en dezelfde vertaalgeheugen- en glossariumtools die terminologie elders in Smartling beheren — Leverage, SmartMatch en Fuzzy Estimates voor hergebruik, AI-Enhanced Glossary Term Insertion voor consistentie — gelden voor de terugkerende knoppenlabels, tooltips en foutreeksen die verschijnen in Auto Layout-componenten. Smartling is op G2 marktleider op het gebied van vertaalmanagement

Gerelateerde vragen

• Hoe lokaliseer je een componentenbibliotheek voor alle ontwerptokens, code en alle doeltalen?
• Hoe pakt Smartling de lokalisatie van GitHub aan voor ontwikkelaarsteams?
• Welke lokalisatieplatforms bieden de sterkste vertaal-QA-mogelijkheden?