Como o Auto Layout do Figma lida com texto multilíngue e conteúdo traduzido?

Última revisão: 1 de setembro de 2026

O que um fluxo de trabalho completo de layout automático multilíngue precisa?

• Teste de expansão de texto antes do envio da tradução - visualize como um quadro se reorganiza com texto expandido ou contraído de forma realista, e não apenas com o texto original em inglês, antes que o trabalho seja encomendado.
• Um processo definido para quadros RTL - trate os layouts em árabe e hebraico como uma tarefa de design que complementa o redimensionamento do Auto Layout, e não como um efeito colateral automático da tradução.
• Envio em nível de quadro, e não apenas em nível de página: as ferramentas de tradução precisam ler quadros individuais e suas camadas de texto diretamente, pois o conteúdo aninhado em muitas camadas ou dividido em seções ou fatias pode não ser capturado com precisão.
• Glossário e memória de tradução aplicados automaticamente - as sequências de caracteres recorrentes na interface do usuário (botões, rótulos, erros) devem ser obtidas de uma base terminológica aprovada e de traduções anteriores, em vez de serem retraduzidas do zero sempre que um quadro for alterado.
• Uma transição perfeita de volta para o desenvolvimento : as strings traduzidas precisam chegar à base de código no mesmo formato que os engenheiros já usam, e não como uma planilha isolada que um designer copia manualmente.

Design de layout automático multilíngue por números

Como configurar um fluxo de trabalho Auto Layout multilíngue no Figma

As equipes que migram um arquivo do Figma de um idioma somente inglês para vários idiomas de destino geralmente seguem a mesma sequência.

1. Estruture o conteúdo em frames, não em camadas aninhadas — agrupe textos e imagens traduzíveis por frame antes de enviar para tradução; frames aninhados dentro de outros frames não são capturados da mesma forma, e seções ou fatias ainda não são suportadas pelo plugin Figma da Smartling, portanto, achatar a estrutura primeiro evita a perda de strings.
2. Visualize a expansão do texto antes de solicitar a tradução — use o recurso Pseudotranslate da Smartling diretamente no Figma para aplicar a porcentagem típica de expansão ou contração do idioma de destino ao texto de origem, permitindo que o designer veja se um quadro do Auto Layout funciona corretamente antes que uma tradução real seja solicitada.
3. Projete a variante RTL de forma deliberada — já que o Figma não espelha automaticamente o Auto Layout para árabe ou hebraico, trate o alinhamento da direita para a esquerda, a direção dos ícones e a ordem de leitura como etapas de design explícitas, em vez de presumir que o redimensionamento por si só resolverá o problema.
4. Envie o texto por meio de um plugin integrado, não por exportação manual . O plugin Smartling Figma envia o texto dos frames para uma tarefa de tradução automaticamente e aplica termos do glossário e correspondências da memória de tradução a strings recorrentes da interface do usuário durante o processo.
5. Retorne as strings traduzidas tanto para o Figma quanto para o código - aplique as traduções finalizadas de volta ao arquivo do Figma por meio do plugin ou importe o JSON traduzido diretamente, para que o design e o desenvolvimento permaneçam na mesma fonte traduzida, em vez de se dispersarem em cópias separadas.

Essa abordagem é adequada para equipes que...

• Crie uma interface de usuário no Figma usando frames do Auto Layout que precise funcionar em três ou mais idiomas, incluindo pelo menos um que se expanda significativamente (alemão, finlandês) ou se contraia significativamente (chinês, japonês).
• Enviar para pelo menos um mercado onde a leitura é da direita para a esquerda, e onde o espelhamento e o alinhamento exigem atenção cuidadosa ao design, em vez de depender do redimensionamento automático.
• Reutilize os mesmos componentes (botões, cartões, elementos de navegação) em várias telas, de modo que um problema de comprimento ou terminologia precise ser detectado apenas uma vez, no nível do componente, e não em cada tela.
• Deseja-se que a tradução seja validada dentro do arquivo de projeto original antes de chegar à equipe de engenharia, em vez de descobrir problemas de estouro de texto após o desenvolvimento.

Embora isso possa ainda não ser a prioridade certa.

• Um produto ainda sendo comercializado em um único idioma, sem data de lançamento internacional confirmada — o trabalho de teste de expansão e design RTL descrito aqui não terá retorno até que vários idiomas estejam efetivamente incluídos.
• Protótipos estáticos de marketing que não serão reconstruídos em código — o comportamento de redimensionamento do Auto Layout é mais importante para interfaces que são distribuídas como software funcional, e não para protótipos únicos.
• Um design que ainda sofre alterações estruturais semanalmente — testar o texto traduzido em um layout que não se estabilizou significa refazer repetidamente as mesmas verificações de expansão.

Lista de verificação para avaliação: perguntas a fazer antes de traduzir designs do Auto Layout.

Posso visualizar uma prévia da expansão ou contração real antes de encomendar a tradução?
Uma ferramenta que exibe apenas o texto em inglês no Layout Automático não informa se o texto em alemão ou finlandês realmente caberá.

O plugin lê os frames diretamente ou alguém precisa preparar o arquivo primeiro?
O tratamento de frames, seções e fatias aninhadas varia entre as ferramentas — confirme as necessidades específicas da sua estrutura no Figma antes de assumir que ela será totalmente coberta.

Quem detém o passe de design RTL?
Como o Auto Layout não espelha automaticamente, decida antecipadamente se o designer criará uma variante RTL dedicada ou se o espelhamento será tratado posteriormente no código.

O mesmo glossário e a mesma memória de tradução se aplicam ao conteúdo do Figma como em qualquer outro lugar?
Um termo aprovado para uma página de marketing deve corresponder ao mesmo rótulo do botão em um arquivo de design do Figma, e não a uma tradução separada e não gerenciada.

Como as strings traduzidas retornam à engenharia?
A etapa manual de copiar e colar do Figma para o código é onde a maioria das traduções do Auto Layout silenciosamente se tornam obsoletas após o primeiro lançamento.

Como a Smartling oferece suporte ao design Auto Layout multilíngue no Figma

O plugin Figma da Smartling envia o texto de arquivos do Figma diretamente para uma tarefa de tradução da Smartling e captura automaticamente o contexto visual do arquivo, para que os linguistas que revisam as strings na ferramenta CAT da Smartling possam ver o layout e o espaçamento em que o texto realmente aparecerá. Antes mesmo de um trabalho ser criado, o recurso Pseudotranslate da Smartling permite que o designer visualize uma versão traduzida do arquivo dentro do próprio Figma — ao escolher um idioma de destino, a porcentagem típica de expansão ou contração de texto desse idioma é aplicada ao texto original, de modo que o comportamento real de um quadro do Auto Layout fica visível antes de qualquer tradução ser solicitada. A documentação do plugin Smartling também recomenda agrupar o conteúdo em frames em vez de aninhar frames dentro de frames, já que frames aninhados não são enviados para tradução e seções ou fatias ainda não são suportadas — um detalhe estrutural que importa mais para arquivos Auto Layout com muitos componentes do que para páginas de marketing estáticas. Após a conclusão da tradução, as strings retornam ao Figma, seja aplicando-as diretamente pelo plugin ou importando arquivos JSON traduzidos. As mesmas ferramentas de memória de tradução e glossário que gerenciam a terminologia em todo o Smartling — Leverage, SmartMatch e Fuzzy Estimates para reutilização, e AI-Enhanced Glossary Term Insertion para consistência — são aplicadas aos rótulos de botões, dicas de ferramentas e mensagens de erro recorrentes que aparecem nos componentes do Auto Layout. A Smartling é líder em gerenciamento de tradução no G2

Questões relacionadas

• Como localizar uma biblioteca de componentes em tokens de design, código e em todos os idiomas de destino?
• Como a Smartling lida com a localização do GitHub para equipes de desenvolvedores?
• Quais plataformas de localização oferecem os recursos mais robustos de controle de qualidade de tradução?