-
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, reportez-vous à 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.
-
Il est nécessaire d'accéder à au moins un projet et une langue avec des droits d'utilisateur traducteur. Il est possible d'accéder 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, le Sélectionner depuis le navigateur de plug-in de Figma ou depuis la Figma Community et cliquer sur Try it out. Le plug-in sera disponible dans le menu de Figma.
La connexion de Figma à Phrase peut être établie avec les informations d’identification Phrase, un jeton<1> d'accès ou une authentification unique (SSO).
Pour se connecter avec SSO :
-
Sur l'écran de connexion du plug-in, Sélectionner Sign in with SSO.
-
Saisissez l'Identifiant de l'organisation.
-
Terminer 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<2> Strings. Si la naming convention 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.
-
View text in Strings
Affiché dans les fichiers Figma connectés à un projet Strings. Cliquez pour ouvrir le projet concerné dans l'éditeur de traduction translation editor.
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électionner le projet, la branche (si utilisée) et la langue pour le contenu envoyé. Optionnellement, saisissez une balise<2> Personnalisé pour l'ajouter aux clés téléchargé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 Push to Phrase est désactivé si les saisies de nom de clé sont vides, contiennent des caractères non valides ou ne sont pas uniques si 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électionner 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électionner 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.
-
Pousse uniquement les calques sans conflit.
Lorsque l'option charger l'aperçu Figma est activée :
-
Les utilisateurs peuvent éventuellement Sélectionner les langues cible à 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électionner 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 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 Suivant les clés dont les noms ont été modifiés dans Strings après avoir charger le contenu. Pour mettre à jour les noms de clé dans le Figma plug-in, Sélectionner Sync key name dans le menu
Suivant le 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 Suivant comme requis :
-
Upload screenshots est activer par défaut. Cela permet de joindre une capture d'écran des couches Sélectionner dans le cadre :
-
Si le paramètre est activer, les couches de texte masquées importées avec le Figma plug-in auront un marqueur placé dans le coin supérieur gauche de la capture d'écran.
-
Lorsque le paramètre est activer, les captures d'écran des sections Figma ne seront pas créées.
Il est recommandé de garder cette option activer en cas de problèmes de performance avec le plug-in lors du travail à l'intérieur des sections.
-
Activer pour limiter chaque aperçu au cadre, composant, instance ou section contenant le plus proche autour d'une couche de texte, au lieu de l'ancêtre de niveau supérieur le plus éloigné. Toutes les couches de texte à l'intérieur de ce conteneur reçoivent des marqueurs, y compris les couches en dehors de la Sélectionner actuelle.
Cette option est désactivée par défaut. Utiliser cette option lorsque ne limite pas suffisamment la capture à un cadre imbriqué spécifique, ce qui entraîne des aperçus surdimensionnés et peu contextuels.
-
-
Update content in Phrase Strings est activer par défaut.
-
Update key names in Phrase Strings est activer par défaut, sauf si le paramètre est désactiver.
Désactiver cette option réinitialise toutes les entrées de clé.
-
Activer Upload Figma preview pour exporter un bundle HTML à partir des clés Sélectionner.
Cette option est requise pour générer in-context preview dans le CAT Editor du TMS lors du travail avec jobs synced depuis Strings.
Les utilisateurs peuvent éventuellement Sélectionner les langues cible à inclure dans le Figma aperçu lors du charger du 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 Dupliquer.
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 le Strings Editor, utiliser 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 en contexte du TMS lors du travail avec des tâches synchronisées depuis Strings. Les balises de formatage HTML apparaissent dans le Strings Editor 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 points de suspension <2> correspondant :
-
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ère pour la clé. Toute modification enregistrée dans la fenêtre apparaîtra dans la barre latérale du Strings Editor 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ère<2> pour définir une limite de caractère 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 le Strings Editor.
-
Sélectionner Déconnecter le contenu de Phrase Strings pour déconnecter le calque d'une clé existante.
Gérer le contenu Dupliquer
Lors de la poussée de contenu, les calques avec du contenu Dupliquer généreront plusieurs clés dans Strings contenant exactement le même texte. Les utilisateurs peuvent décider comment gérer ce contenu Dupliquer dans la fenêtre :
-
Sélectionner Procéder sans fusionner si la création de plusieurs clés avec du contenu Dupliquer 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 fusionner le contenu dupliqué.
La clé sélectionnée est marquée avec une icône de fusion bleue
dans la fenêtre .
-
Cliquez sur Proceed, puis confirmez en sélectionnant Merge and Push 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 Proceed, puis confirmez en sélectionnant Merge and Push 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.
-
Le paramètre Exclure automatiquement les calques 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 automatiquement exclu.
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 Personnalisé les noms de clé dans Figma, suivez ces étapes :
-
Cliquez sur Enable smart key naming depuis les paramètres .
-
Sélectionner .
Remarque
Si est Activer, les noms de clé sont automatiquement générés en fonction des noms des calques de texte.
-
Dans le champ , saisissez du texte pour définir une clé de nommage Personnalisé :
-
Optionnellement, cliquez sur Available macros pour Sélectionner l'une des supported macros afin de générer automatiquement les noms de clé.
Plusieurs macros peuvent être sélectionnées pour composer la clé.
-
Il est possible de combiner du texte libre et des macros dans le champ .
Cliquez sur Examples pour afficher et choisir l'un des exemples prédéfinis.
-
-
Si nécessaire, Sélectionner une option de formatage dans la liste déroulante pour modifier le texte en conséquence et retirer les espaces.
Lors du pushing content vers Phrase Strings, appliquez la convention de nommage nouvellement créée aux clés précédemment connectées en :
-
Cliquer sur l'icône d'actualisation
en bas du tableau.
-
Sélectionner des clés spécifiques et cliquer sur Regenerate key names 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électionner 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électionner Connecter des 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, cliquer 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 couches de texte de la sélection actuelle avec leur statut de connexion dans un tableau unique, remplaçant la liste basée sur les clé précédente.
Remarque
Redémarrer le plug-in avant d'Activer la bêta pour s'assurer que la dernière version est chargée.
Pour Activer la :
-
Ouvrir le plug-in et cliquer sur l'icône .
-
Sous , Activer utiliser la nouvelle vue Connect (Bêta).
-
Ouvrir les pour voir la liste du contenu connecté.
La vue Connect précédente reste disponible. Désactiver dans les paramètres du plug-in pour revenir en arrière.
Pour connecter une seule couche, la Sélectionner pour ouvrir une fenêtre avec deux onglets :
-
Suggestions : affiche les clé avec des noms identiques et les clé avec un contenu de traduction correspondant.
-
Rechercher : rechercher toutes les clé par nom ou contenu.
Pour agir sur plusieurs couches, les Sélectionner pour afficher une barre d'action par lot :
-
Connecter par nom de clé : connecte les couches aux clé avec des noms identiques.
-
Connecter par contenu : connecte les couches aux clé avec un contenu de traduction correspondant
-
Déconnecter les couches : supprime les connexions des couches sélectionnées.
Ignorer les couches avec plusieurs clé correspondantes
Le bouton Ignorer les couches avec plusieurs clé correspondantes contrôle la façon dont gère les couches dont le texte correspond à plus d'une clé.
Pour Activer le bouton :
-
Ouvrir le plug-in et aller dans l'onglet .
-
Cliquez sur
dans la navigation pour ouvrir les options d'affichage.
-
Activer .
Une fois activer, tout calque ayant une correspondance avec plus d'une clé est ignoré lors de et laissé non connecté pour une révision manuelle.
Résumé de l'action post-exécution
Après chaque exécution par lot de Connect by content ou Connect by key name, une fenêtre de résultats affiche le résultat :
-
Nombre de connexions
-
Ignoré — aucune correspondance trouvée
-
Ignoré — correspondances multiples (affiché lorsque Skip layers with multiple matching keys est activé)
Cliquez sur Show unconnected layers pour filtre le tableau sur les calques nécessitant encore une attention, ou Done pour fermer la fenêtre de résultats.
Une fois les traductions Terminer, Sélectionner les calques ou cadres Figma pour lesquels extraire les traductions et cliquez sur l'onglet .
Les utilisateurs peuvent Sélectionner le projet, branche (si utilisée), et les langue pour le contenu en cours d'extraction. Les balises ne peuvent pas être extraites vers Figma.
Pour gérer les longues listes de noms de clé, utiliser le menu déroulant pour afficher et résoudre tout problème potentiel. Si nécessaire, Sélectionner des clé spécifiques et cliquez sur Exclude layers 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électionner par défaut. Lors de l'extraction pour plusieurs langue, une page Figma distincte est créer 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 nouvelle page unique 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 actif plutôt que de dupliquer la page Figma entière.
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. Lorsqu'il est Activer :
-
Les noms de clé sont extraits et affichés à la place du contenu traduit.
-
La sélection d'une langue pour le contenu extrait n'est plus possible.
-
-
Ce 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 Activer, 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, Activer 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. Ce paramètre sera mémorisé pour les sessions futures.
-
Lorsqu'il est Activer, 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 avec le contenu tiré des clés existantes.
-
-
Si cette option est désactivée, les calques déconnectés ne sont pas mis à jour, même si des clés correspondantes existent dans les données tirées.
-
Si le contenu est correctement tiré vers Figma, la fenêtre s'affiche avec un résumé des calques mis à jour.
Lors d'un tirage pour plusieurs langues, le bouton ouvre la clé avec la langue source par défaut du projet.
Figma Buzz est un outil où les concepteurs de marque et les équipes marketing peuvent Créer des assets visuels conformes à la marque à grande échelle, directement au sein de l'Écosystème Figma. Il inclut un système de modèles, un éditeur de design simplifié, la création en masse d'assets 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 capacités que dans l'intégration Figma Design :
-
Pousser le texte source depuis les designs Buzz vers Strings
-
Tirer les traductions vers Buzz
-
Gérer les clés et maintenir la cohérence du texte à travers les assets
Remarque
L'aperçu en direct n'est pas pris en charge.
Le plug-in est disponible depuis le menu dans 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 poussé vers un projet Strings connecté pour traduction. Après la traduction, les utilisateurs peuvent tirer le contenu localisé vers Buzz, ce qui crée une nouvelle ligne contenant la version traduite du design.
Le bouton et la sélection de la langue cible avant de pousser les clés ne sont pas disponibles dans Buzz. Lors de l'envoi de clés depuis Buzz, toutes les langues cible configurées dans le projet Strings sont utilisées automatiquement.