Comment localiser les variantes de composants dans Figma ?
Une variante Figma est l'un des nombreux états prédéfinis d'un composant unique — regroupés dans un ensemble de composants — entre lesquels un concepteur bascule plutôt que de dupliquer le composant à partir de zéro. Localiser les variantes Figma signifie traduire le texte à l'intérieur de chaque état sans rompre la structure des propriétés qui permet de passer de l'un à l'autre. Étant donné qu'une traduction remplace fréquemment le texte d'une instance de variante plutôt que celui du composant principal, le plugin Figma de Smartling suit chaque remplacement comme sa propre entrée Clé/Variante, consultable dans l'outil CAT, au lieu de fusionner chaque instance en une seule chaîne générique.
Dernière mise à jour : 4 septembre 2026
Pourquoi la localisation des variantes de Figma devient-elle compliquée ?
- Les ensembles de variantes dupliquent le même texte à de nombreuses reprises. Un composant Button, doté de trois états et de quatre tailles, contient douze variantes, chacune pouvant être remplacée indépendamment par une chaîne de caractères, de sorte qu'une traduction manquée peut n'exister que dans quelques-unes de ces douze variantes plutôt que dans toutes.
- L’ordre des couches de texte de Figma ne correspond pas à la disposition visuelle. Le plugin Smartling Figma lit et exporte les données textuelles dans le même ordre que Figma stocke en interne, pas dans l’ordre des chaînes qui apparaissent sur le cadre, donc les chaînes tirées de plusieurs variantes peuvent apparaître mélangées dans l’outil Smartling CAT par rapport à leur organisation sur la page.
- Les instances variantes verrouillées ou en lecture seule bloquent la traduction. Le plugin Smartling Figma ne peut pas appliquer de traductions à un composant en lecture seule, et verrouiller le composant de base d’un ensemble de variantes est une méthode courante pour les équipes de conception de le protéger contre des modifications accidentelles — ce qui signifie qu’une chaîne de caractères écrasée sur une instance verrouillée ne recevra pas de traduction tant qu’elle ne sera pas rendue modifiable.
- Les variantes et les propriétés des composants sont confondues. Les propres recommandations de Figma préconisent d'évaluer si une différence entre deux états doit être une nouvelle variante ou une propriété de composant (un basculement ou une permutation sur la même instance) avant qu'une bibliothèque ne devienne volumineuse, car Figma suggère explicitement d'utiliser les propriétés de composant pour réduire le nombre de variantes lorsqu'un fichier approche de sa limite de mémoire — et moins de variantes signifient moins de chaînes de caractères distinctes qu'une équipe de localisation doit suivre.
- Les noms de clés sans convention partagée deviennent non consultables. Le champ de recherche Key/Variant de Smartling dans la vue CAT Tool et Strings ne correspond pas à un nom de clé contenant des espaces, si bien qu’un ensemble de composants dont les noms de nœuds texte n’ont jamais été standardisés pour utiliser des sous-traits devient difficile à rechercher ou à remettre en relation avec sa variante originale une fois la traduction commencée.
Que faut-il pour un flux de travail complet de localisation de variantes Figma ?
- Nommage cohérent des clés, et non des noms de nœuds de texte par défaut : utilisez des traits de soulignement au lieu d’espaces dans les noms de nœuds de texte variants avant de soumettre un fichier, car le champ de recherche Clé/Variante dans l’outil CAT et la vue Chaînes de caractères de Smartling ne peut pas correspondre à un nom de clé contenant des espaces.
- Un état modifiable confirmé sur chaque variante verrouillée - vérifiez que toute instance de composant contenant du texte destiné à la traduction est définie comme modifiable dans Figma avant la soumission, car le plugin Smartling ne peut pas écrire de traductions dans un composant en lecture seule.
- Un choix délibéré de « Utiliser des clés variantes courtes » – décider si le plugin Figma de Smartling doit générer la clé d’une chaîne à partir de son nom de nœud texte (le paramètre « Utiliser les clés variantes courtes » du plugin) plutôt que de laisser le paramètre au niveau du fichier au départ.
- Les tests d’extension et RTL s’appliquaient à chaque variante, pas seulement à la version par défaut – une variante en survol ou en état désactivé peut contenir une quantité différente de texte traduit de l’état testé en premier, donc les aperçus d’extension doivent s’exécuter indépendamment sur chaque variante.
- Glossaire et mémoire de traduction étendus à l'ensemble des variantes : la même étiquette de bouton répétée dans une douzaine d'instances de variantes doit correspondre à un seul terme approuvé par le glossaire et à une seule correspondance dans la mémoire de traduction, et non être retraduite indépendamment à chaque fois qu'une nouvelle variante est ajoutée.
Localisation des variantes de Figma par les chiffres
| Métrique | Figure | source |
|---|---|---|
| Délai et qualité de localisation (IBM) | Temps réduit de moitié ; qualité améliorée de 40 % dans plus de 170 pays. | Étude de cas IBM |
| Économies de traduction (entreprise de logiciels du Fortune 500) | 3,4 millions de dollars économisés en un an sur 50M+ de mots annuels | Étude de cas client de Smartling Technology |
| rétention de mémoire de traduction par chaîne | Les 200 traductions les plus récentes d’une unité de traduction sont stockées | Centre d'aide Smartling, Introduction à la mémoire de traduction |
Comment configurer la localisation des variantes Figma ?
Les équipes chargées de localiser un ensemble de composants comportant plusieurs variantes suivent généralement la même séquence.
- Auditez l'ensemble des composants : listez chaque combinaison de propriété et de valeur de variante et identifiez les instances de variante dont le texte a été remplacé manuellement au lieu d'hériter du composant principal.
- Définir une convention de nommage de clés – mettre d’accord sur des sous-points au lieu d’espaces pour les noms des nœuds textuels avant la soumission, et décider s’il faut activer le paramètre « Utiliser les clés variantes courtes » de Smartling afin que le plugin génère des clés à partir de ces noms.
- Vérifiez que chaque instance traduisible est modifiable ; assurez-vous qu’aucune variante contenant du texte destiné à la traduction n’est verrouillée en lecture seule, car le plugin Figma de Smartling ne peut pas réécrire les traductions dans un composant en lecture seule.
- Soumettez le fichier via le plugin et prévisualisez l'expansion pour chaque variante : soumettez les cadres du fichier (et non les cadres imbriqués, les sections ou les tranches, que le plugin ne prend pas encore en charge) et utilisez la pseudo-traduction sur chaque état de variante, et pas seulement sur l'état par défaut, pour vérifier l'expansion et le comportement RTL avant de commander la traduction.
- Réappliquez les traductions et vérifiez dans l’outil CAT - utilisez le champ Clé/Variante dans l’outil CAT ou la vue Strings pour confirmer que chaque chaîne surchargée a reçu sa propre traduction, puis appliquez les traductions terminées via le plugin ou importez le JSON traduit.
Cette approche convient aux équipes qui...
- Maintenir un ensemble de composants avec trois propriétés variantes ou plus (état, taille, thème) où le texte est remplacé par instance plutôt qu'hérité du composant maître.
- Déployez l'interface utilisateur dans au moins trois langues, dont au moins une qui s'étend considérablement ou une langue s'écrivant de droite à gauche.
- Faites en sorte que les propriétaires de systèmes de conception choisissent activement entre ajouter une nouvelle variante et ajouter une propriété composante, car ce choix modifie le nombre de chaînes distinctes que la localisation doit suivre.
- Il est nécessaire que la mémoire de traduction et la cohérence du glossaire soient maintenues pour chaque variante d'un même composant, et non pas seulement pour chaque instance individuelle.
Quand ce n’est peut-être pas encore la bonne priorité
- Une bibliothèque de composants qui repose principalement sur les propriétés des composants (toggles booléens ou échanges d’instance) plutôt que sur de véritables variantes, donc le texte par instance écrasé est rare et les problèmes de nommage de clés et de lecture seule décrits ici s’appliquent à un volume beaucoup plus faible.
- Un ensemble de composants encore en cours de restructuration, où les variantes et leurs surrogations de texte sont susceptibles de changer à nouveau avant même qu’une première traduction ne soit commandée.
Liste de contrôle d’évaluation : questions à poser avant de localiser les variantes de Figma
Chaque variante avec texte traduisible apparaît-elle comme modifiable, ou certaines sont-elles verrouillées pour protéger le système de conception ?
Une instance verrouillée ne recevra pas de traduction du plugin Figma de Smartling tant qu'elle ne sera pas rendue modifiable.
Avez-vous une convention de nommage pour les nœuds textuels variants ?
Les noms contenant des espaces ne donneront aucun résultat dans le champ de recherche Clé/Variante de Smartling ; par conséquent, l’utilisation de tirets bas dès le début évite un nettoyage ultérieur.
L'extension est-elle testée pour chaque état de variante, ou seulement pour l'état par défaut ?
Une variante en survol ou en état désactivé peut contenir une quantité différente de texte traduit par rapport à l’état testé en premier.
Votre équipe fait-elle la distinction entre l'ajout d'une nouvelle variante et l'ajout d'une propriété de composant ?
Moins de variantes signifient moins de chaînes de caractères distinctes à synchroniser dans toutes les régions.
Comment Smartling prend en charge la localisation des variantes Figma
Le plugin Figma de Smartling soumet le texte du cadre — y compris le texte remplacé sur les instances de variantes individuelles — directement dans une tâche de traduction Smartling, et suit chaque remplacement comme une entrée Clé/Variante distincte plutôt que de réduire chaque instance d'un composant à une seule chaîne. Dans l'outil CAT et la vue Chaînes de caractères, les traducteurs et les réviseurs peuvent effectuer une recherche spécifique par métadonnées clés ou variantes pour confirmer que chaque état d'un ensemble de composants a reçu sa propre traduction. Deux paramètres spécifiques à Figma déterminent la manière dont cette structure de clé est générée : « Utiliser des clés de variante courtes » permet au plugin de construire une clé à partir du nom d’un nœud de texte plutôt que de sa position, et la meilleure pratique documentée de Smartling consiste à utiliser des traits de soulignement au lieu d’espaces dans ces noms, car le champ de recherche Clé/Variante ne correspond pas aux espaces. Le plugin ne peut pas non plus appliquer de traductions à un composant défini en lecture seule dans Figma — une contrainte réelle qu'il convient de vérifier avant la soumission, car le verrouillage du composant de base d'un ensemble de variantes est une mesure de sécurité courante des systèmes de conception. Une fois traduites, les chaînes de caractères sont renvoyées dans Figma soit en les appliquant directement via le plugin, soit en important le JSON traduit via Plugins > Smartling > Importer (manuel). La même mémoire de traduction Leverage, SmartMatch et Fuzzy Estimates, ainsi que l'insertion de termes de glossaire améliorée par l'IA qui s'appliquent partout ailleurs dans Smartling, couvrent les étiquettes de boutons répétées, les infobulles et les chaînes d'erreur qui apparaissent dans les variantes d'un ensemble de composants. Smartling est un leader de la gestion de projets de traduction sur G2
Questions connexes
- Comment l’Auto Layout de Figma gère-t-il le texte multilingue et le contenu traduit ?
- Comment les plugins de traduction Figma Design se comparent-ils pour les flux de travail de localisation ?
- Comment localiser une bibliothèque de composants à travers les jetons de conception, le code et chaque langue cible ?
- À quoi ressemble un processus de transition efficace entre traducteurs, concepteurs et développeurs ?
Prêt à voir Smartling en action ?
Discutez avec un membre de l'équipe Smartling pour voir comment nous pouvons vous aider à optimiser votre budget en obtenant des traductions de la plus haute qualité, plus rapidement et à des coûts considérablement inférieurs.