-
Les forfaits Advanced et Enterprise (ancien)
Contactez le service commercial pour toute question relative aux licences.
Astuce
Pour plus d'informations sur l'intégration Figma dans Phrase TMS, consultez Figma (TMS).
Le plug-in Figma permet d'intégrer le contenu de conception aux projets Phrase, comblant ainsi le fossé entre les équipes de conception de produits et de localisation. Le plug-in prend en charge l'envoi de contenu, l'extraction de traductions et la gestion des clés entre Figma et Phrase Strings.
-
Le branchement est pris en charge.
-
L'accès à au moins un projet et une langue avec des droits d'utilisateur traducteur est requis. L'accès peut être accordé en recevant une invitation envoyée par un administrateur ou chef de projet.
-
Le plug-in enverra des captures d'écran des cadres de mise en page automatique qui ne sont pas des éléments enfant.
-
Par défaut, les calques de texte masqués ne sont pas inclus dans l'intégration. Cela peut être modifié dans les paramètres
en sélectionnant .
-
Par défaut, les tags sélectionnés dans le plug-in sont effacés après le processus d'envoi. Cela peut être modifié dans les paramètres
-
Toute modification apportée aux paramètres
Pour exécuter le plug-in, sélectionnez-le depuis le navigateur de plug-ins de Figma ou depuis la Figma Community et cliquez sur Essayer. Le plug-in sera disponible dans le menu de Figma.
La connexion de Figma à Phrase peut être établie avec des informations d’identification Phrase, un jeton d’accès ou une authentification unique (SSO).
Pour se connecter avec SSO :
-
Sur l'écran de connexion du plug-in, sélectionnez Se connecter avec SSO.
-
Saisissez l'identifiant de l'organisation.
-
Terminez la connexion dans l'onglet du navigateur qui s'ouvre.
Retournez dans le plug-in, déjà authentifié.
Une fois la connexion établie, la sélection d'un cadre charge un aperçu du contenu Figma et des clés que les utilisateurs peuvent envoyer vers ou récupérer depuis Phrase Strings.
L'onglet permettra de connecter des calques Figma à des clés existant déjà dans un projet Strings. Si la convention de dénomination est la même pour les calques et les clés, ils peuvent être automatiquement mis en correspondance.
Le plug-in est accessible via des boutons dédiés dans la barre latérale Figma :
-
Phrase Strings
Cliquez pour ouvrir le plug-in.
-
Afficher le texte dans Strings
Affiché dans les fichiers Figma connectés à un projet Strings. Cliquez pour ouvrir le projet concerné dans l'éditeur de traduction éditeur de traduction.
L'onglet permet d'envoyer des cadres ou des calques de texte depuis Figma vers Phrase Strings pour la localisation. Il n'est pas possible d'envoyer du contenu vers une branche principale protégée.
Sélectionnez le projet, la branche (si utilisée) et la langue pour le contenu à envoyer. Optionnellement, saisissez une balise personnalisée à ajouter aux clés envoyées.
Les noms de clé vides ou en double sont signalés par un compteur rouge dans la colonne . Pour gérer de longues listes de noms de clé, utilisez le menu déroulant pour afficher ou .
Remarque
L'option de tri sélectionnée sera mémorisée pour les sessions futures.
Le bouton Envoyer vers Phrase est désactivé si les saisies de nom de clé sont vides, contiennent des caractères non valides ou ne sont pas uniques lorsqu'une branche principale protégée est sélectionnée.
Sélectionnez le paramètre pour modifier les saisies de nom de clé et résoudre tout conflit de nommage. Si nécessaire, sélectionnez les clés souhaitées et cliquez sur Exclure les calques en haut du tableau pour retirer ces calques du plug-in.
S'il existe des calques déconnectés avec des noms de clé en conflit, sélectionnez l'une des options de résolution disponibles pour continuer :
-
Crée de nouvelles clés avec le suffixe
-copy. -
Lie les calques aux clés Phrase existantes.
-
Envoie uniquement les calques sans conflit.
Lorsque l'option Charger l'aperçu Figma est activée :
-
Les utilisateurs peuvent éventuellement sélectionner les langues cibles à inclure dans l'aperçu Figma. Si aucune langue n'est sélectionnée, toutes les langues sont incluses par défaut.
-
Le plug-in crée une tâche par cadre racine (ou composant de niveau supérieur) inclus dans l'envoi. L'envoi d'une page Figma entière avec de nombreux cadres de niveau supérieur générera un nombre de tâches proportionnellement élevé. Pour maintenir le nombre de tâches proportionnel à l'étendue réelle du travail de traduction, sélectionnez uniquement les cadres spécifiques contenant du contenu nouveau ou mis à jour avant l'envoi.
Si les calques sont envoyés avec succès vers Strings, la fenêtre s'affiche avec un résumé et les options suivantes :
-
Créer une tâche
Cliquez pour ouvrir la page avec les clés envoyées présélectionnées.
Important
Si l'option Charger l'aperçu Figma est activée, une tâche est créée automatiquement dans Strings. Une fois activée, cette option ne peut pas être désactivée.
-
Ouvrir dans Strings
Cliquez pour afficher les clés poussées dans le Strings Editor.
Une icône d'avertissement jaune apparaît à côté des clés dont les noms ont été modifiés dans Strings après avoir poussé du contenu. Pour mettre à jour les noms de clé dans le plug-in Figma, sélectionnez Synchroniser le nom de la clé dans le menu
à côté du nom de clé non correspondant.
Options et actions de poussée
Cliquez sur le menu pour activer ou désactiver les options de poussée suivantes selon les besoins :
-
Téléverser des captures d'écran est activé par défaut. Il permet de joindre une capture d'écran des calques sélectionnés dans le cadre :
-
Si le paramètre est activé, les calques de texte masqués importés avec le plug-in Figma auront un marqueur placé dans le coin supérieur gauche de la capture d'écran.
-
Lorsque le paramètre est activé, les captures d'écran des sections Figma ne seront pas créées.
Il est recommandé de garder cette option activée en cas de problèmes de performance avec le plug-in lors du travail à l'intérieur de sections.
-
Activer pour restreindre chaque capture d'écran au cadre, composant, instance ou section le plus proche entourant un calque de texte, plutôt qu'à l'ancêtre de niveau supérieur le plus éloigné. Tous les calques de texte à l'intérieur de ce conteneur reçoivent des marqueurs, y compris les calques en dehors de la sélection actuelle.
Cette option est désactivée par défaut. À utiliser lorsque ne limite pas suffisamment la capture à un cadre imbriqué spécifique, ce qui entraîne des captures d'écran surdimensionnées et peu contextuelles.
-
-
Mettre à jour le contenu dans Phrase Strings est activé par défaut.
-
Mettre à jour les noms de clés dans Phrase Strings est activé par défaut, sauf si le paramètre est désactivé.
Désactiver cette option réinitialise toutes les saisies de nom de clé.
-
Activer Téléverser l'aperçu Figma pour exporter un bundle HTML à partir des clés sélectionnées.
Cette option est requise pour générer un aperçu en contexte dans le CAT Editor du TMS lors du travail avec des tâches synchronisées depuis Strings.
Les utilisateurs peuvent éventuellement sélectionner les langues cibles à inclure dans l'aperçu Figma lors du chargement de contenu. Si aucune langue n'est sélectionnée, toutes les langues sont incluses par défaut.
Si l'aperçu est généré avec succès, une tâche est créée automatiquement dans Strings. Toute automatisation de tâche active dans le projet Strings sera ignorée pour éviter les tâches en double.
Si l'aperçu dépasse la limite de 10 Mo, les clés sont tout de même poussées vers Strings, mais aucune tâche avec un aperçu n'est créée.
Remarque
Pour travailler avec les aperçus Figma dans l'éditeur Strings, utilisez l'action Ajouter un aperçu Figma dans la barre latérale contextuelle.
-
Activer Préserver le formatage et le style du contenu pour conserver le formatage du texte enrichi (tel que les listes, les sauts de ligne, le gras/italique et les liens) lors de la poussée de contenu de Figma vers Phrase et de la récupération des traductions.
Si activé, les balises de formatage HTML sont automatiquement ajoutées pour préserver le style en ligne et sont prises en charge dans l'aperçu contextuel du TMS lors du travail avec des tâches synchronisées depuis Strings. Les balises de formatage HTML apparaissent dans l'éditeur Strings et dans les traductions exportées récupérées dans Figma.
Désactiver cette option si le formatage enrichi n'est pas nécessaire pour éviter les ajustements manuels.
Le paramètre s'applique au niveau du fichier et affecte tous les collaborateurs travaillant dans le fichier. Cette option est mémorisée pour les nouveaux fichiers.
Pour les calques connectés, les actions suivantes sont disponibles dans le menu à trois points pertinent :
-
Sélectionner Afficher les détails de la clé pour afficher/modifier la description de la clé dans Phrase Strings ou définir une limite de caractères pour la clé. Toute modification enregistrée dans la fenêtre apparaîtra dans la barre latérale de l'éditeur Strings après avoir actualisé la page de l'éditeur.
Astuce
Sélectionner plusieurs clés dans l'onglet et utiliser l'action par lot Définir une limite de caractères pour définir une limite de caractères pour toutes les clés sélectionnées en une seule fois.
-
Sélectionner Ouvrir la clé dans l'éditeur pour naviguer vers la clé associée dans l'éditeur Strings.
-
Sélectionner Déconnecter le contenu de Phrase Strings pour déconnecter le calque d'une clé existante.
Gérer le contenu dupliqué
Lors de la poussée de contenu, les calques avec du contenu dupliqué généreront plusieurs clés dans Strings contenant exactement le même texte. Les utilisateurs peuvent décider comment gérer ce contenu dupliqué dans la fenêtre :
-
Sélectionner Continuer sans fusionner si la création de plusieurs clés avec du contenu dupliqué est intentionnelle.
-
Pour fusionner du contenu dupliqué dans une seule clé, suivez ces étapes :
-
Sélectionnez deux clés ou plus dans la liste et cliquez sur
Fusionner vers une clé...
Une liste déroulante avec les clés disponibles pour la fusion s'affiche.
-
Sélectionnez la clé dans laquelle vous souhaitez fusionner le contenu dupliqué.
La clé sélectionnée est marquée d'une icône de fusion bleue
dans la fenêtre .
-
Cliquez sur Continuer, puis confirmez en sélectionnant Fusionner et envoyer dans la fenêtre contextuelle .
Le contenu dupliqué est fusionné dans une seule clé, et tous les calques associés sont connectés à cette clé.
-
-
Pour fusionner tout ou partie du contenu dupliqué dans la première clé de la liste, suivez ces étapes :
-
Sélectionnez plusieurs clés ou toutes les clés de la liste et cliquez sur
-
Cliquez sur Continuer, puis confirmez en sélectionnant Fusionner et envoyer dans la fenêtre contextuelle .
Le contenu dupliqué est fusionné dans une seule clé, et tous les calques associés sont connectés à cette clé.
Cette option est utile pour les fichiers volumineux comportant de nombreux doublons, permettant aux utilisateurs de fusionner tous les doublons dans la première clé trouvée en une seule action, au lieu de traiter chacun individuellement.
-
La duplication d'un cadre ou d'un calque de texte dans Figma duplique également toute connexion existante à une clé Phrase Strings. Si le calque dupliqué est réutilisé pour un nouveau texte sans rapport et poussé sans être déconnecté au préalable, la poussée met à jour le texte source de la clé existante au lieu d'en créer une nouvelle. La mise à jour du texte source d'une clé n'efface ni ne rafraîchit les traductions en langue cible déjà stockées sur cette clé ; par conséquent, extraire le calque par la suite renvoie la traduction associée au contenu précédent, et non au texte nouvellement poussé.
Avant de pousser du contenu depuis un cadre ou un calque de texte dupliqué ou réutilisé, vérifiez l'onglet pour confirmer si le calque est déjà connecté à une clé. S'il est connecté et que le nouveau texte n'a aucun rapport avec le contenu précédent, déconnectez d'abord le calque afin que le plug-in crée une nouvelle clé au lieu d'écraser la clé existante.
Le paramètre Auto-exclude layers supprime les calques de texte de l'onglet en fonction de leur préfixe de nom. Lorsqu'il est activé, tout calque commençant par _ ou . est exclu automatiquement.
Le paramètre est désactivé par défaut et s'applique par fichier. Il est activé pour tous les calques nommés dans ce fichier jusqu'à ce qu'il soit désactivé.
Les exclusions persistent entre les sélections. Pour les composants, si les calques du composant sont préfixés et que Exclure automatiquement les calques est activé, les conceptions en aval utilisant ce composant héritent de l'exclusion.
Pour exclure automatiquement les calques préfixés de :
La section des paramètres du plug-in permet de configurer la convention de nommage pour les clés connectées.
Pour personnaliser les noms de clé dans Figma, suivez ces étapes :
-
Cliquez sur Activer la dénomination intelligente des clés dans la section des paramètres du plug-in.
-
Sélectionnez .
Remarque
Si est activé, les noms de clé sont générés automatiquement en fonction des noms des calques de texte.
-
Dans le champ , saisissez du texte pour définir une convention de nommage de clé personnalisée :
-
Optionnellement, cliquez sur Macros disponibles pour sélectionner l'une des macros prises en charge afin de générer automatiquement les noms de clé.
Plusieurs macros peuvent être sélectionnées pour composer le nom de la clé.
-
Il est possible de combiner du texte libre et des macros dans le champ .
Cliquez sur Exemples pour afficher et choisir l'un des exemples prédéfinis.
-
-
Si nécessaire, sélectionnez une option de formatage dans la liste déroulante pour modifier le texte en conséquence et retirer les espaces.
Lorsque vous transférez du contenu vers Phrase Strings, appliquez la convention de nommage nouvellement créée aux clés précédemment connectées en procédant de l'une des manières suivantes :
-
Cliquez sur l'icône d'actualisation
en bas du tableau.
-
Sélectionnez des clés spécifiques et cliquez sur Régénérer les noms de clé en haut du tableau.
Macros disponibles
|
Macro |
Description |
|---|---|
|
{file_name} |
Le nom du fichier Figma |
|
{page} |
La page Figma où la clé est identifiée |
|
{parent_section} |
La section de plus haut niveau dans l'arborescence de la page |
|
{nearest_section} |
La section la plus proche du calque de texte dans l'arborescence de la page |
|
{frame} |
Le cadre où la clé est identifiée |
|
{parent_group} |
Le groupe de plus haut niveau dans l'arborescence de la page |
|
{nearest_group} |
Le groupe le plus proche du calque de texte dans l'arborescence de la page |
|
{component} |
Le nom du composant Figma où la clé est située. Seuls les composants source sont pris en compte. |
|
{element_name} |
Le nom du calque de texte |
|
{element_content} |
Le contenu du calque de texte |
|
{random} |
Un hash court unique généré aléatoirement |
Lors de l'envoi de contenu, les utilisateurs peuvent connecter des calques à des clés existantes dans Phrase Strings ou en générer de nouvelles.
Sélectionnez l'onglet pour afficher un aperçu des clés connectées et déconnectées.
Les clés déjà connectées sont identifiées par une icône de lien dans la colonne . Si nécessaire, sélectionner le projet, la branche (si utilisée) et la langue, ou cliquer sur l'icône de recherche pour trouver le contenu souhaité.
Sélectionnez Connecter les clés pour connecter en masse toutes les clés non liées dans l'onglet. Pour connecter ou déconnecter des clés individuelles, cliquez sur l'icône correspondante à droite de l'entrée concernée.
Remarque
L'option permettant de déconnecter des clés individuelles est également disponible dans l'onglet .
La nouvelle vue liste les calques de texte de la sélection actuelle avec leur statut de connexion dans un tableau unique, remplaçant la liste précédente basée sur les clés.
Remarque
Redémarrez le plug-in avant d'activer la version bêta pour garantir que la dernière version est chargée.
Pour activer la :
-
Ouvrez le plug-in et cliquez sur l'icône .
-
Sous , activez Utiliser la nouvelle vue de connexion (Bêta).
-
Ouvrez l'onglet pour voir la liste du contenu connecté.
L'ancienne vue de connexion reste disponible. Désactivez dans les paramètres du plug-in pour revenir en arrière.
Pour connecter un seul calque, sélectionnez-le pour ouvrir une fenêtre avec deux onglets :
-
Suggestions : affiche les clés avec des correspondances de nom exactes et les clés avec un contenu de traduction correspondant.
-
Rechercher : rechercher toutes les clés par nom ou contenu.
Pour agir sur plusieurs calques, sélectionnez-les pour afficher une barre d'actions par lot :
-
Connecter par nom de clé : connecte les calques aux clés avec des correspondances de nom exactes.
-
Connecter par contenu : connecte les calques aux clés avec un contenu de traduction correspondant.
-
Déconnecter les calques : supprime les connexions des calques sélectionnés.
Ignorer les calques avec plusieurs clés correspondantes
Le bouton Ignorer les calques avec plusieurs clés correspondantes contrôle la façon dont gère les calques dont le texte correspond à plus d'une clé.
Pour activer le bouton :
-
Ouvrez le plug-in et accédez à l'onglet .
-
Cliquez sur
dans la navigation pour ouvrir les options d'affichage.
-
Activez .
Une fois activé, tout calque correspondant à plus d'une clé est ignoré lors de et laissé non connecté pour une révision manuelle.
Résumé post-action
Après chaque exécution par lot de Connecter par contenu ou Connecter par nom de clé, une fenêtre de résultats affiche le résultat :
-
Nombre d’éléments connectés
-
Ignoré — aucune correspondance trouvée
-
Ignoré — correspondances multiples (affiché lorsque Ignorer les calques avec plusieurs clés correspondantes est activé)
Cliquez sur Afficher les calques non connectés pour filtrer le tableau vers les calques qui nécessitent encore une attention, ou sur Terminer pour fermer la fenêtre de résultats.
Marquer un calque de texte comme clé plurielle le connecte aux formes plurielles de cette clé dans Phrase Strings. Pour une clé plurielle, la colonne affiche un menu déroulant de sélection de forme au lieu du contenu de la clé, listant les formes disponibles pour la langue sélectionnée, par exemple one et other. Les langues avec des règles plurielles plus complexes, comme le polonais, exposent jusqu'à cinq formes.
Le menu déroulant apparaît dans les onglets et .
Pour afficher un aperçu d'une forme plurielle sur le canevas :
-
Dans le tableau de contenu, localisez la clé plurielle.
-
Cliquez sur le menu déroulant de sélection de forme dans la colonne et sélectionnez la forme plurielle à afficher en aperçu.
-
Phrase Strings extrait la traduction correspondante dans le calque pour l'afficher en aperçu sur le canevas
L'envoi d'une clé plurielle vers Phrase Strings suit le même flux de travaux d'envoi que toute autre clé et met uniquement à jour la traduction pour la forme sélectionnée.
La forme plurielle sélectionnée est mémorisée par calque, par projet et par branche. La sélection persiste d'une session à l'autre.
Une fois les traductions terminées, sélectionnez les calques ou cadres Figma pour lesquels extraire les traductions et cliquez sur l'onglet .
Les utilisateurs peuvent sélectionner le projet, la branche (si elle est utilisée) et les langues pour le contenu en cours d'extraction. Les tags ne peuvent pas être extraits vers Figma.
Pour gérer de longues listes de noms de clé, utilisez le menu déroulant pour afficher et résoudre tout problème potentiel. Si nécessaire, sélectionnez des clés spécifiques et cliquez sur Exclure les calques en haut du tableau pour retirer ces calques du plug-in.
Remarque
L'option de tri sélectionnée sera mémorisée pour les sessions futures.
Cliquez sur le menu pour choisir comment afficher le contenu extrait dans Figma :
-
Sélectionné par défaut. Lors de l'extraction pour plusieurs langues, une page Figma distincte est créée pour chaque langue sélectionnée, incluant tous les calques de la page.
Remarque
Dans Figma Buzz, l'option est affichée.
-
Crée une seule nouvelle page et place le contenu traduit sélectionné côte à côte dans des colonnes spécifiques à la langue. Cette option se concentre uniquement sur la sélection active plutôt que de dupliquer toute la page Figma.
Recommandé pour les fichiers volumineux afin d'améliorer les performances d'extraction et de réduire la taille inutile des fichiers.
-
Les calques de texte sélectionnés seront remplacés par les traductions et mis à jour dans la fenêtre d'affichage.
Cette option est automatiquement désactivée lors de l'extraction pour plusieurs langues.
-
Désactivé par défaut. Lorsque cette option est activée :
-
Les noms de clé sont extraits et affichés au lieu du contenu traduit.
-
La sélection d'une langue pour le contenu extrait n'est plus possible.
-
-
Le paramètre sera mémorisé pour les sessions futures.
-
S'il est désactivé, la colonne affiche directement le contenu des calques sélectionnés.
-
Lorsqu'il est activé, la colonne affiche un aperçu du contenu dans la langue sélectionnée pour les calques connectés.
-
Pour les calques déconnectés, activez l'option pour afficher un aperçu dans la langue sélectionnée. Si une clé portant le même nom existe dans les données extraites, le contenu de cette clé est utilisé comme aperçu.
-
Cette option est automatiquement désactivée lors de l'extraction pour plusieurs langues.
-
-
Contrôlez la manière dont les calques déconnectés sont gérés lors de l'extraction de données dans Figma. Le paramètre sera mémorisé pour les sessions futures.
-
Lorsqu'il est activé, le système vérifie si une clé portant le même nom existe dans les données extraites.
Si une correspondance est trouvée :
-
Les calques déconnectés sont connectés aux clés correspondantes.
-
Le contenu des calques est mis à jour à partir du contenu extrait des clés existantes.
-
-
S'il est désactivé, les calques déconnectés ne sont pas mis à jour, même si des clés correspondantes existent dans les données extraites.
-
Vérifier le statut de traduction
La fonctionnalité Vérifier le statut de traduction vérifie si les calques de texte dans la sélection actuelle disposent déjà de traductions pour les langues cibles sélectionnées, avant d'extraire le contenu vers Figma. La vérification s'effectue par rapport à toutes les clés connectées dans la sélection.
Pour vérifier le statut de traduction
-
Dans l'onglet , sélectionnez les langues cibles à vérifier.
-
Cliquez sur Vérifier le statut de traduction.
La page affiche le nombre de clés traduites, partiellement traduites et non traduites dans chaque langue pour la sélection actuelle.
Cliquez sur Voir les détails à côté d'une langue pour ouvrir une répartition des clés connectées pour cette langue. Utilisez les filtres , et pour restreindre la liste.
Si le contenu est extrait avec succès vers Figma, la fenêtre s'affiche avec un résumé des calques mis à jour.
Lors de l'extraction pour plusieurs langues, le bouton ouvre la clé avec la langue par défaut du projet comme langue source.
Remarque
Si une police utilisée dans le design n'est pas installée localement, le plug-in ne peut pas mettre à jour les calques de texte concernés avec les traductions récupérées. Lorsque cela se produit, une erreur « La police [X] n'a pas pu être chargée » s'affiche, où [X] est le nom de la police manquante. Installez localement toutes les polices signalées dans ce message d'erreur, puis récupérez à nouveau le contenu.
Figma Buzz est un outil permettant aux designers de marque et aux équipes marketing de créer des ressources visuelles conformes à la marque à grande échelle, directement au sein de l'écosystème Figma. Il comprend un système de modèles, un éditeur de design simplifié, la création en masse de ressources et une édition assistée par IA.
Le plug-in Phrase Strings pour Buzz permet de localiser le contenu textuel directement dans Buzz en offrant les mêmes fonctionnalités que dans l'intégration Figma Design :
-
Envoyer le texte source depuis les designs Buzz vers Strings
-
Récupérer les traductions dans Buzz
-
Gérer les clés et maintenir la cohérence du texte sur l'ensemble des ressources
Remarque
L'aperçu en direct n'est pas pris en charge.
Le plug-in est disponible dans le menu de Buzz. Une fois activé, il peut être enregistré pour une utilisation ultérieure et exécuté sur le design sélectionné en l'ouvrant dans une fenêtre modale depuis la barre latérale de Figma Buzz. Les calques de texte sont automatiquement détectés et affichés dans le plug-in.
Le contenu du design peut ensuite être envoyé vers un projet Strings connecté pour traduction. Après la traduction, les utilisateurs peuvent récupérer le contenu localisé dans Buzz, ce qui crée une nouvelle ligne contenant la version traduite du design.
Le commutateur ainsi que la sélection de la langue cible avant l'envoi des clés ne sont pas disponibles dans Buzz. Lors de l'envoi de clés depuis Buzz, toutes les langues cibles configurées dans le projet Strings sont utilisées automatiquement.