Figma Variables · 8 idiomas
Gestiona los textos de tus diseños como si fueran código.
Traduce y revisa, idioma por idioma, las cadenas vinculadas a tus Figma Variables. Los valores aprobados llegan directamente a Figma y a tu código.
Cada idioma que añades es un sitio más que mantener.
-
Las traducciones están dispersas
Figma, hojas de cálculo, chat. Encontrar una sola cadena implica buscar en tres sitios.
-
No sabes cuál es la versión actual
El original y sus traducciones se editan en momentos distintos. Los textos de tu diseño y los de tu documento de traducción se van separando sin que nadie lo note.
-
Un cambio se convierte en cinco tareas
Cambias una línea del original y tienes que revisar cada idioma, aplicarlo pantalla por pantalla y volver a entregárselo a los desarrolladores.
El diseño y la traducción parten de los mismos datos.
- 01
Tráelo tal cual
No hace falta crear un nuevo documento de traducción. Importa tu estructura de Variables, valores y metadatos existentes (alcances y descripciones incluidos) exactamente como están.
- 02
Lado a lado, por idioma
Compara original y traducción en una sola pantalla y añade los idiomas que necesites.
- 03
Un estado a la vista
Quién cambió qué valor y en qué fase está cada traducción: todo queda registrado.
- 04
Exporta solo lo que apruebas
Solo las cadenas revisadas vuelven a Figma, exportadas en el formato que necesitan tus desarrolladores.
- 05
Exporta a código
Genera CSS, SwiftUI y Jetpack Compose listos para pegar directamente desde la web, además de DTCG, JSON, CSV, una API de solo lectura y un servidor MCP para herramientas de IA. Tus tokens, sin dependencia.
- 06
Un conjunto de tokens, muchos proyectos
Guarda tu sistema de diseño en un proyecto de biblioteca. Publica un cambio y cada proyecto de producto lo revisa en su bandeja de actualizaciones, aplicando solo lo que quiere.
- 07
Cada traductor, sus propios idiomas
Añade traductores al crear una hoja de traducción y elige los idiomas que edita cada uno. Los demás idiomas siguen visibles como contexto, pero bloqueados. Los traductores siempre son gratis.
Colaboración en tiempo real
Mira quién edita cada cadena, ahora mismo
Se muestran los valores que se están editando y quién está en ellos. Menos ediciones duplicadas y menos trabajo terminado que rehacer.
- Cursores compartidos y chat de cursor: habla justo donde está el trabajo
- Acceso por roles: diseñadores, editores y traductores ven cada uno el alcance adecuado
- Hilos de comentarios en cualquier celda: resuelve las conversaciones en el sitio
Ve la estructura de tus tokens
Sigue hasta dónde llega un valor
Ve las Variables referenciadas y sus conexiones. Antes de cambiar una, comprueba qué cadenas y pantallas cambian con ella.
- Referencias de primitivos → semánticos, dispuestas visualmente
- Haz clic en un token para ver «Cambiarlo afecta a N»: la lente de impacto muestra hasta dónde llega un cambio antes de hacerlo
- Mapa de tokens: todo el proyecto en clústeres, filtrado por búsqueda, tipo o etiquetas
- Colorea por «Alcances» o «No está en Figma», con los colores de las etiquetas como puntos junto a cada token: el estado de los tokens de un vistazo
La IA redacta, tú apruebas
Traduce, revisa, confirma
La IA redacta las traducciones; las personas las comparan con el original y las pulen. Solo se confirman las cadenas revisadas.
- Primeros borradores de IA que puedes aceptar, editar o rechazar
- Un glosario que recuerda tus correcciones para la próxima vez
- Revisa y aprueba antes de que nada llegue a tu archivo
Pensado para la entrega a desarrollo
Diseño y código usan los mismos textos
Exporta los valores aprobados como DTCG, JSON o CSV, o genéralos como CSS, SwiftUI y Jetpack Compose. Diseño y desarrollo dejan de usar traducciones distintas.
- CSS, SwiftUI y Jetpack Compose: resultado determinista, listo para pegar
- Obtén los tokens más recientes con una API de solo lectura desde tu pipeline de CI
- Un servidor MCP para que las herramientas de programación con IA obtengan los tokens como código
Cambia la estructura, conserva los vínculos
Cambia el nombre de las variables o muévelas: los vínculos se mantienen
Cambia el nombre de una variable, un grupo o una colección y todos los alias que apuntan a ella se actualizan en todo el proyecto. Ordenar tus tokens ya no rompe referencias ni vínculos con Figma.
- Cambiar nombre: variable, grupo o colección, todos los alias que apuntan a ella se actualizan automáticamente
- Mover a otra colección: en colecciones no publicadas, las capas de Figma del archivo se vuelven a vincular a la variable movida en la siguiente sincronización
- Eliminar una variable referenciada: como en Figma, quienes la referencian conservan su último valor, y se puede deshacer · las referencias circulares se bloquean de antemano
Con tres pasos basta.
- 1
Conecta Figma
Conecta un archivo de Figma y se importan las Variables y los valores que estás usando.
- 2
Traduce y revisa
Añade los idiomas que quieres gestionar y tradúcelos. Confirma después de compararlos con el original.
- 3
Aplica a Figma y al código
Aplica los valores confirmados a Figma y expórtalos en un formato que tu entorno de desarrollo pueda usar.
Más que los tokens, importa cómo cambian.
Una cadena no es un valor que registras una vez y olvidas. Cuando cambia el original, la traducción necesita otra revisión; el contenido confirmado tiene que llegar tanto al diseño como al código. variable Jar conecta ese proceso dejando constancia: quién lo editó, qué idiomas pasaron la revisión, a qué propiedades se aplica y dónde se aplicó por última vez.
- Flujo de traducción integrado, no añadido después
- Un glosario que aprende el lenguaje de tu producto
- Los traductores se unen gratis, con todo el contexto
- Sincronización que lleva y trae alcances y descripciones, no solo valores
- Sincronización que nunca sobrescribe en silencio: los conflictos se detienen y eliges fila por fila
Precios sencillos
Free
$0
Traduce, revisa y sincroniza con Figma, gratis
Pro
$19 /puesto/mes
Proyectos ilimitados + 30.000 celdas de traducción con IA al mes + colaboración en equipo
¿Tu equipo es más grande? Contáctanos
Preguntas frecuentes
¿Qué Figma Variables puedo importar?
Los cuatro tipos: cadena, color, número y booleano. Los alias (referencias) y los modos se importan tal cual, así que gestionas los tokens de color y espaciado junto con los textos multilingües en un mismo proyecto.
¿Tengo que cambiar mi estructura de Variables actual?
No. Se importa tu estructura y tus valores actuales tal cual. No hay reglas de nombres que seguir: los grupos separados por '/' en los nombres se leen exactamente como están.
¿Tengo que usar la traducción con IA?
No. Puedes escribir y editar las traducciones tú mismo. La traducción con IA solo redacta un punto de partida: la revisión y la confirmación siempre son tuyas.
¿Cómo sé cuándo cambia el original?
Cuando se edita el original, se marcan los idiomas que necesitan otra revisión. Revisa el cambio, corrige la traducción y vuelve a confirmar.
¿Pueden trabajar varias personas juntas?
Sí. Invita a tu equipo a tu espacio de trabajo para ver juntos los valores en curso, quién está en ellos y el estado de las traducciones. Hay cuatro roles (propietario, miembro del equipo, editor y traductor) y los puestos de traductor son gratuitos.
¿Cómo funciona en un entorno de desarrollo?
Exporta los valores confirmados como DTCG, JSON o CSV, o genera código CSS, SwiftUI y Jetpack Compose listo para pegar. Una API de solo lectura y un servidor MCP también te permiten obtener directamente los tokens más recientes.
¿Puedo aplicar los cambios directamente en Figma?
Sí. El único botón Sincronizar del plugin envía las variables del archivo a la aplicación web y aplica en el archivo los cambios hechos en la aplicación web. Si ambos lados cambiaron la misma variable, decides fila por fila en la cuadrícula web qué lado conservar.
Si cambio el nombre de una variable o la muevo a otra colección, ¿pierde su vínculo con Figma?
No. Un cambio de nombre llega a Figma como cambio de nombre, así que los vínculos de las capas se mantienen. Una variable movida a otra colección vuelve a vincular sus capas del archivo en la siguiente sincronización, y lo que no se puede volver a vincular se marca en la fila; si alguna de las colecciones es una biblioteca publicada, el movimiento se rechaza en lugar de aplicarse. Los alias que apuntan a ella siguen el nuevo nombre automáticamente.
Empieza con las Figma Variables que ya usas.
Antes de crear un nuevo documento de traducción, conecta primero los textos de tu diseño. La traducción, la revisión y la aplicación a Figma y al código siguen en un solo flujo.
variable Jar es una aplicación web y un plugin de Figma para los textos de tus Figma Variables: tradúcelos y revísalos en la web, y luego sincronízalos con Figma y expórtalos a código. Al iniciar sesión con Google, solo recibimos tu nombre, tu correo electrónico y tu foto de perfil, para crear tu cuenta. Política de privacidad