Figma Variables · 8 langues
Gérez les textes de vos maquettes comme du code.
Traduisez et révisez, langue par langue, les chaînes liées à vos Figma Variables. Les valeurs approuvées arrivent directement dans Figma et dans votre code.
Chaque langue ajoutée, c’est un endroit de plus à maintenir.
-
Les traductions sont éparpillées
Figma, tableurs, messagerie. Trouver une seule chaîne oblige à fouiller trois endroits.
-
Impossible de savoir laquelle est à jour
La source et ses traductions sont modifiées à des moments différents. Les textes de votre maquette et ceux de votre document de traduction divergent sans bruit.
-
Une modification devient cinq tâches
Changez une ligne de la source et il faut vérifier chaque langue, l’appliquer écran par écran et la remettre aux développeurs.
Le design et la traduction partent des mêmes données.
- 01
Importez tel quel
Pas de nouveau document de traduction à créer. Importez votre structure de Variables, vos valeurs et vos métadonnées existantes (portées et descriptions comprises) exactement telles quelles.
- 02
Côte à côte, par langue
Comparez source et traduction sur un seul écran, et ajoutez les langues dont vous avez besoin.
- 03
Un état visible
Qui a modifié quelle valeur, et à quelle étape en est chaque traduction : tout reste consigné.
- 04
N’exportez que ce que vous approuvez
Seules les chaînes relues retournent dans Figma, exportées dans le format dont vos développeurs ont besoin.
- 05
Exportez vers le code
Générez du CSS, du SwiftUI et du Jetpack Compose prêts à coller directement depuis le web, plus DTCG, JSON, CSV, une API en lecture seule et un serveur MCP pour les outils IA. Vos tokens, sans enfermement.
- 06
Un jeu de tokens, de nombreux projets
Gardez votre design system dans un projet de bibliothèque. Publiez une modification : chaque projet produit l’examine dans sa boîte de mises à jour et n’applique que ce qu’il veut.
- 07
À chaque traducteur ses langues
Ajoutez des traducteurs en créant une feuille et choisissez les langues que chacun modifie. Les autres langues restent visibles pour le contexte, mais verrouillées. Les traducteurs sont toujours gratuits.
Collaboration en temps réel
Voyez qui modifie quelle chaîne, en ce moment
Les valeurs en cours de modification et les personnes qui y travaillent sont affichées. Moins de modifications en double, moins de travail terminé à refaire.
- Curseurs partagés et discussion au curseur : échangez là où se trouve le travail
- Accès par rôle : designers, éditeurs et traducteurs voient chacun le bon périmètre
- Fils de commentaires sur n’importe quelle cellule : réglez les discussions sur place
Visualisez la structure de vos tokens
Suivez jusqu’où va une valeur
Visualisez les Variables référencées et leurs liens. Avant d’en modifier une, voyez quelles chaînes et quels écrans changent avec elle.
- Références primitifs → sémantiques, disposées visuellement
- Cliquez sur un token pour voir « Modifier ceci affecte N » : la loupe d’impact montre la portée d’un changement avant que vous le fassiez
- Carte des tokens : tout le projet en groupes, filtré par recherche, type ou tag
- Colorer par « Portées » ou « Absent de Figma », couleurs des tags en points à côté de chaque token : l’état des tokens en un coup d’œil
L’IA rédige, vous approuvez
Traduire, vérifier, confirmer
L’IA rédige les traductions ; des personnes les comparent au texte source et les affinent. Seules les chaînes relues sont confirmées.
- Des premiers jets IA que vous pouvez accepter, modifier ou refuser
- Un glossaire qui retient vos corrections pour la prochaine fois
- Révisez et approuvez avant que quoi que ce soit n’arrive dans votre fichier
Conçu pour le passage au développement
Le design et le code utilisent les mêmes textes
Exportez les valeurs approuvées en DTCG, JSON ou CSV, ou générez-les en CSS, SwiftUI et Jetpack Compose. Le design et le développement n’utilisent plus des traductions différentes.
- CSS, SwiftUI et Jetpack Compose : un résultat déterministe, prêt à coller
- Récupérez les derniers tokens via une API en lecture seule depuis votre pipeline CI
- Un serveur MCP pour que les outils de codage IA récupèrent les tokens sous forme de code
Changez la structure, gardez les liens
Renommez vos variables, déplacez-les : les liens restent
Renommez une variable, un groupe ou une collection, et tous les alias qui y renvoient sont mis à jour dans tout le projet. Ranger vos tokens ne casse plus les références ni les liens avec Figma.
- Renommer : variable, groupe ou collection, tous les alias qui y renvoient suivent automatiquement
- Déplacer vers une collection : pour les collections non publiées, les calques Figma du fichier sont reliés à la variable déplacée à la prochaine synchronisation
- Supprimer une variable référencée : comme dans Figma, les références gardent sa dernière valeur, et c’est annulable · les références circulaires sont bloquées d’emblée
Trois étapes suffisent.
- 1
Connecter Figma
Connectez un fichier Figma : les Variables et les valeurs que vous utilisez sont importées.
- 2
Traduire et réviser
Ajoutez les langues à gérer et traduisez-les. Confirmez après comparaison avec la source.
- 3
Appliquer à Figma et au code
Appliquez les valeurs confirmées à Figma et exportez-les dans un format utilisable par votre environnement de développement.
Plus que les tokens, ce qui compte, c’est leur évolution.
Une chaîne n’est pas une valeur qu’on enregistre une fois puis qu’on oublie. Quand la source change, la traduction doit être revue ; le contenu confirmé doit atteindre à la fois le design et le code. variable Jar relie ce processus en gardant une trace : qui l’a modifié, quelles langues ont passé la révision, quelles propriétés sont visées et où il a été appliqué en dernier.
- Un workflow de traduction intégré, pas greffé après coup
- Un glossaire qui apprend le langage de votre produit
- Les traducteurs rejoignent gratuitement, avec tout le contexte
- Une synchronisation qui fait l’aller-retour des portées et descriptions, pas seulement des valeurs
- Une synchronisation qui n’écrase jamais en silence : les conflits s’arrêtent et vous choisissez ligne par ligne
Des tarifs simples
Free
$0
Traduisez, révisez et synchronisez avec Figma, gratuitement
Pro
$19 /siège/mois
Projets illimités + 30 000 cellules de traduction IA par mois + collaboration en équipe
Une équipe plus grande ? Nous contacter
Vos questions, nos réponses
Quelles Figma Variables puis-je importer ?
Les quatre types : chaîne, couleur, nombre et booléen. Les alias (références) et les modes sont importés tels quels : vous gérez vos tokens de couleur et d’espacement avec vos textes multilingues dans un même projet.
Dois-je modifier ma structure de Variables existante ?
Non. Votre structure et vos valeurs actuelles sont importées telles quelles. Aucune règle de nommage à suivre : les groupes séparés par '/' dans les noms sont lus exactement tels quels.
Suis-je obligé d’utiliser la traduction IA ?
Non. Vous pouvez saisir et modifier les traductions vous-même. La traduction IA ne rédige qu’un point de départ : la révision et la confirmation vous reviennent toujours.
Comment savoir quand la source change ?
Quand la source est modifiée, les langues à revoir sont signalées. Vérifiez le changement, corrigez la traduction et confirmez à nouveau.
Plusieurs personnes peuvent-elles travailler ensemble ?
Oui. Invitez votre équipe dans votre espace de travail pour voir ensemble les valeurs en cours, qui y travaille et l’état des traductions. Il existe quatre rôles (propriétaire, membre de l’équipe, éditeur et traducteur) et les sièges de traducteur sont gratuits.
Comment ça marche dans un environnement de développement ?
Exportez les valeurs confirmées en DTCG, JSON ou CSV, ou générez du code CSS, SwiftUI et Jetpack Compose prêt à coller. Une API en lecture seule et un serveur MCP vous permettent aussi de récupérer directement les derniers tokens.
Puis-je appliquer directement dans Figma ?
Oui. L’unique bouton Synchroniser du plugin envoie les variables du fichier à l’application web et applique au fichier les modifications faites dans l’application web. Si les deux côtés ont modifié la même variable, vous choisissez ligne par ligne, dans la grille web, le côté à conserver.
Si je renomme une variable ou la déplace dans une autre collection, perd-elle son lien avec Figma ?
Non. Un renommage arrive dans Figma comme un renommage : les liaisons des calques sont conservées. Une variable déplacée dans une autre collection voit ses calques du fichier reliés à nouveau à la prochaine synchronisation, et ce qui ne peut pas l’être est signalé sur la ligne ; si l’une des collections est une bibliothèque publiée, le déplacement est refusé au lieu d’être appliqué. Les alias qui y renvoient suivent automatiquement le nouveau nom.
Commencez avec les Figma Variables que vous utilisez déjà.
Avant de créer un nouveau document de traduction, connectez d’abord les textes de votre maquette. Traduction, révision et application à Figma et au code s’enchaînent dans un seul flux.
variable Jar est une application web et un plugin Figma pour les textes de vos Figma Variables : traduisez-les et révisez-les sur le web, puis synchronisez-les avec Figma et exportez-les en code. Lorsque vous vous connectez avec Google, nous recevons uniquement votre nom, votre adresse e-mail et votre photo de profil, pour créer votre compte. Politique de confidentialité