Figma Variables · 8 idiomas
Gerencie os textos dos seus designs como código.
Traduza e revise, idioma por idioma, as strings ligadas às suas Figma Variables. Os valores aprovados vão direto para o Figma e para o seu código.
Cada idioma que você adiciona é mais um lugar para manter.
-
As traduções estão espalhadas
Figma, planilhas, chat. Encontrar uma única string exige procurar em três lugares.
-
Não dá para saber qual é a atual
O original e as traduções são editados em momentos diferentes. Os textos do design e os do documento de tradução vão se distanciando sem ninguém perceber.
-
Uma edição vira cinco tarefas
Mude uma linha do original e você precisa verificar cada idioma, aplicar tela por tela e entregar de novo aos desenvolvedores.
Design e tradução começam dos mesmos dados.
- 01
Traga do jeito que está
Nada de criar um novo documento de tradução. Importe sua estrutura de Variables, valores e metadados existentes — escopos e descrições incluídos — exatamente como estão.
- 02
Lado a lado, por idioma
Compare original e tradução em uma só tela e adicione os idiomas de que precisa.
- 03
Status à vista
Quem mudou qual valor e em que etapa está cada tradução — tudo fica registrado.
- 04
Exporte só o que você aprovar
Só as strings revisadas voltam para o Figma, exportadas no formato de que seus desenvolvedores precisam.
- 05
Exporte para código
Gere CSS, SwiftUI e Jetpack Compose prontos para colar direto da web — além de DTCG, JSON, CSV, uma API somente leitura e um servidor MCP para ferramentas de IA. Seus tokens, sem aprisionamento.
- 06
Um conjunto de tokens, muitos projetos
Mantenha seu design system em um projeto de biblioteca. Publique uma mudança e cada projeto de produto a revisa na caixa de entrada de atualizações — aplicando só o que quiser.
- 07
Cada tradutor, seus próprios idiomas
Adicione tradutores ao criar uma planilha e escolha os idiomas que cada um edita. Os outros idiomas continuam visíveis como contexto, mas bloqueados. Tradutores são sempre gratuitos.
Colaboração em tempo real
Veja quem está editando cada string, agora mesmo
Os valores em edição e quem está neles aparecem na tela. Menos edições duplicadas, menos retrabalho no que já estava pronto.
- Cursores compartilhados e chat de cursor — converse bem onde o trabalho está
- Acesso por função — designers, editores e tradutores veem cada um o escopo certo
- Conversas de comentários em qualquer célula — resolva as discussões ali mesmo
Veja a estrutura dos seus tokens
Acompanhe até onde um valor chega
Veja as Variables referenciadas e suas conexões. Antes de mudar uma, veja quais strings e telas mudam junto.
- Referências de primitivos → semânticos, dispostas visualmente
- Clique em um token para ver “Mudar isto afeta N” — a lente de impacto mostra até onde uma mudança chega antes de você fazê-la
- Mapa de tokens — o projeto inteiro em clusters, filtrado por busca, tipo ou tags
- Colorir por “Escopos” ou “Não está no Figma”, com as cores das tags como pontos ao lado de cada token — o estado dos tokens num relance
A IA rascunha, você aprova
Traduza, verifique, confirme
A IA rascunha as traduções; pessoas comparam com o original e refinam. Só as strings revisadas são confirmadas.
- Primeiros rascunhos da IA que você pode aceitar, editar ou rejeitar
- Um glossário que lembra suas correções para a próxima vez
- Revise e aprove antes que qualquer coisa chegue ao seu arquivo
Feito para a entrega ao desenvolvimento
Design e código usam os mesmos textos
Exporte os valores aprovados como DTCG, JSON ou CSV — ou gere-os como CSS, SwiftUI e Jetpack Compose. Design e desenvolvimento deixam de usar traduções diferentes.
- CSS, SwiftUI e Jetpack Compose — resultado determinístico, pronto para colar
- Busque os tokens mais recentes por uma API somente leitura no seu pipeline de CI
- Um servidor MCP para que ferramentas de programação com IA busquem os tokens como código
Mude a estrutura, mantenha os vínculos
Renomeie variáveis, mova-as — os vínculos continuam
Renomeie uma variável, um grupo ou uma coleção e todos os aliases que apontam para ela são atualizados no projeto inteiro. Organizar seus tokens não quebra mais referências nem vínculos com o Figma.
- Renomear — variável, grupo ou coleção, todos os aliases que apontam para ela acompanham automaticamente
- Mover para coleção — em coleções não publicadas, as camadas do Figma no arquivo são reconectadas à variável movida na próxima sincronização
- Excluir uma variável referenciada — como no Figma, quem a referencia mantém o último valor, e dá para desfazer · referências circulares são bloqueadas de antemão
Três passos bastam.
- 1
Conecte o Figma
Conecte um arquivo do Figma e as Variables e os valores que você usa são importados.
- 2
Traduza e revise
Adicione os idiomas que quer gerenciar e traduza. Confirme depois de comparar com o original.
- 3
Aplique no Figma e no código
Aplique os valores confirmados no Figma e exporte em um formato que seu ambiente de desenvolvimento consiga usar.
Mais do que os tokens, importa como eles mudam.
Uma string não é um valor que você cadastra uma vez e esquece. Quando o original muda, a tradução precisa ser revista; o conteúdo confirmado tem que chegar tanto ao design quanto ao código. O variable Jar conecta esse processo com registro — quem editou, quais idiomas passaram na revisão, a quais propriedades se aplica e onde foi aplicado por último.
- Fluxo de tradução nativo — não adaptado depois
- Um glossário que aprende a linguagem do seu produto
- Tradutores entram de graça, com todo o contexto
- Sincronização que leva e traz escopos e descrições — não só valores
- Sincronização que nunca sobrescreve em silêncio — conflitos param, e você escolhe linha por linha
Preços simples
Free
$0
Traduza, revise e sincronize com o Figma — de graça
Pro
$19 /assento/mês
Projetos ilimitados + 30.000 células de tradução com IA por mês + colaboração em equipe
Sua equipe é maior? Fale conosco
Perguntas respondidas
Quais Figma Variables posso importar?
Os quatro tipos — string, cor, número e booleano. Aliases (referências) e modos vêm como estão, então você gerencia tokens de cor e espaçamento junto com os textos multilíngues em um só projeto.
Preciso mudar minha estrutura de Variables atual?
Não. Sua estrutura e seus valores atuais são importados como estão. Não há regras de nomenclatura a seguir — grupos separados por '/' nos nomes são lidos exatamente como estão.
Preciso usar a tradução com IA?
Não. Você pode digitar e editar as traduções por conta própria. A tradução com IA só rascunha um ponto de partida — a revisão e a confirmação são sempre suas.
Como sei quando o original muda?
Quando o original é editado, os idiomas que precisam ser revistos são sinalizados. Veja a mudança, ajuste a tradução e confirme de novo.
Várias pessoas podem trabalhar juntas?
Sim. Convide sua equipe para o seu espaço de trabalho para ver juntos os valores em andamento, quem está neles e o status das traduções. Há quatro funções — proprietário, membro da equipe, editor e tradutor — e os assentos de tradutor são gratuitos.
Como funciona em um ambiente de desenvolvimento?
Exporte os valores confirmados como DTCG, JSON ou CSV, ou gere código CSS, SwiftUI e Jetpack Compose pronto para colar. Uma API somente leitura e um servidor MCP também permitem buscar os tokens mais recentes diretamente.
Posso aplicar direto no Figma?
Sim. O único botão Sincronizar do plugin envia as variáveis do arquivo para o app web e aplica no arquivo as mudanças feitas no app web. Se os dois lados mudaram a mesma variável, você decide linha por linha, na grade web, qual lado manter.
Se eu renomear uma variável ou movê-la para outra coleção, ela perde o vínculo com o Figma?
Não. Uma renomeação chega ao Figma como renomeação, então os vínculos das camadas continuam. Uma variável movida para outra coleção tem suas camadas no arquivo reconectadas na próxima sincronização, e o que não puder ser reconectado fica sinalizado na linha; se alguma das coleções for uma biblioteca publicada, a mudança é recusada em vez de aplicada. Os aliases que apontam para ela acompanham o novo nome automaticamente.
Comece com as Figma Variables que você já usa.
Antes de criar um novo documento de tradução, conecte primeiro os textos do seu design. Tradução, revisão e aplicação no Figma e no código seguem em um só fluxo.
O variable Jar é um app web e um plugin do Figma para os textos das suas Figma Variables: traduza e revise na web, depois sincronize com o Figma e exporte para código. Ao entrar com o Google, recebemos apenas seu nome, seu e-mail e sua foto de perfil, para criar sua conta. Política de Privacidade