-
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 balises sélectionnées dans le plug-in sont effacées 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 dans 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 nommage 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électionnez le projet, la branche (si utilisée) et la langue pour le contenu envoyé. Optionnellement, saisissez une balise personnalisée à 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 cliquer 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.
-
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é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 une tâche
Cliquer 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 chargé du contenu. Pour mettre à jour les noms de clé dans le plug-in Figma, Sélectionner Sync key name dans le menu
à côté du nom de clé non correspondant.
Options et actions de chargement
Cliquez sur le menu pour activer ou désactiver les options de chargement suivantes selon les besoins :
-
Upload screenshots est activé par défaut. Il permet de joindre une capture d'écran des couches sélectionnées dans le cadre :
-
Si le paramètre est activé, les couches de texte masquées importées 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 limiter chaque capture d'écran 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élection actuelle.
Cette option est désactivée par défaut. Utilisez-la 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.
-
-
Update content in Phrase Strings est activé par défaut.
-
Update key names in 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 Upload Figma preview pour exporter un bundle HTML à partir des clés sélectionnées.
Cette option est requise pour générer un in-context preview dans le CAT Editor du TMS lors du travail avec des jobs synced 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 de Dupliquer les tâches.
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, 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 depuis Figma vers Phrase et de la récupération des traductions.
Si cette option est activée, 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 des 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 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 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ère 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 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 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 personnaliser les noms de clé dans Figma, suivez ces étapes :
-
Cliquez sur Activer la dénomination intelligente des clés dans les paramètres de .
-
Sélectionnez .
Remarque
Si est activé, 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 dénomination de clé Personnalisé :
-
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.
Lors de l'envoi de contenu 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 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é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 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 vous assurer que la dernière version est chargée.
Pour Activer la :
-
Ouvrez le plug-in et cliquez sur l'icône .
-
Sous , Activer utiliser la nouvelle vue Connect (Bêta).
-
Ouvrez 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 un seul calque, sélectionnez-le pour ouvrir une fenêtre avec deux onglets :
-
Suggestions : affiche les clés avec des noms identiques 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 noms identiques.
-
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.
-
Activer .
Lorsqu'elle est activée, tout calque correspondant à plus d'une clé est ignoré pendant 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 Connecter par contenu ou Connecter par nom de clé, une fenêtre de résultats affiche le résultat :
-
Nombre de connexions
-
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 nécessitant encore une attention, ou sur Terminer pour fermer la fenêtre de résultats.
Une fois les traductions terminées, sélectionnez les calques ou cadres Figma pour lesquels récupérer les traductions et cliquez sur l'onglet .
Les utilisateurs peuvent sélectionner le projet, la branche (si utilisée) et les langues pour le contenu récupéré. Les balises ne peuvent pas être récupérées vers Figma.
Pour gérer de longues listes de noms de clé, utilisez le menu déroulant pour afficher les 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 récupéré dans Figma :
-
Sélectionné par défaut. Lors de la récupération 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 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 active 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 activé :
-
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 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. Ce 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 avec le contenu extrait 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 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électionner les langues cibles à vérifier.
-
Cliquez sur Vérifier le statut de traduction.
La page affiche un nombre de clés traduites, partielles 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. Utiliser les filtres , et pour restreindre la liste.
Si le contenu est correctement extrait 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.
Figma Buzz est un outil permettant aux concepteurs 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 inclut un système de modèles, un éditeur de design simplifié, la création en masse de ressources et une édition optimisé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 des designs Buzz vers Strings
-
Récupérer les traductions dans Buzz
-
Gérer les clés et maintenir la cohérence du texte entre les 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 bouton et 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.