Intégrations

Figma (Strings)

Le contenu est traduit de l’anglais par Phrase Language AI.

Disponible pour

  • Tous les forfaits payants

Disponible pour

  • Les forfaits Advanced et Enterprise (ancien)

Contactez le service commercial pour toute question relative aux licences.

Astuce

Pour des informations sur l'intégration de Figma dans Phrase TMS, référez-vous à Figma (TMS).

Le plug-in Figma permet d'intégrer le contenu de design avec les projets Phrase, comblant ainsi le fossé entre les équipes de design produit et de localisation. Le plug-in prend en charge l'envoi de contenu, le tirage de traductions et la gestion des clés entre Figma et Phrase Strings.

  • Le branchement est pris en charge.

  • Un accès à au moins un projet et une langue avec des droits d'utilisateur traducteur est requis. L'accès peut être accordé par l'envoi d'une invitation 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 enfants.

  • Par défaut, les calques de texte cachés ne sont pas inclus dans l'intégration. Cela peut être modifié dans les paramètres Setup_gear.png en sélectionnant Inclure les calques ou cadres cachés dans la sélection.

  • Par défaut, les balises sélectionnées dans le plug-in sont effacées après le processus de push. Cela peut être modifié dans les paramètres Setup_gear.png en désactivant l'option Effacer les balises après le push.

  • Toute modification apportée aux paramètres par défaut Setup_gear.png du plug-in sera enregistrée et restera persistante.

Installer et connecter le plug-in Figma

Pour exécuter le plug-in, sélectionnez-le dans le navigateur de plug-ins de Figma ou depuis la Communauté Figma et cliquez sur Essayez-le. Le plug-in sera disponible dans le menu Figma Plugins.

La connexion de Figma à Phrase peut se faire en fournissant les informations d’identification de Phrase ou un jeton d’accès.

Lorsque la connexion est établie, sélectionner un cadre charge un aperçu du contenu Figma et des clés que les utilisateurs peuvent envoyer ou récupérer depuis les Strings de Phrase.

L’onglet Connecter les clés permettra de connecter les calques Figma aux clés déjà existantes dans un projet Strings. Si la convention de nommage est la même pour les calques et les clés, elles peuvent être automatiquement associées.

Le plug-in est accessible via des boutons dédiés dans la barre latérale de Figma :

  • Phrase Strings

    Cliquez pour ouvrir le plug-in.

  • Voir le texte dans Strings

    Affiché dans les fichiers Figma connectés à un projet Strings. Cliquez pour ouvrir le projet pertinent dans l’éditeur de traduction.

Envoyer le contenu

L’onglet Envoyer le contenu à Phrase permet d’envoyer des cadres ou des calques de texte de Figma vers les Strings de Phrase 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, entrez une balise personnalisée à ajouter aux clés téléchargées.

Les noms de clés vides ou dupliqués sont signalés par un compteur rouge dans la colonne Contenu. Pour gérer de longues listes de noms de clés, utilisez le menu déroulant Trier par Sort Filter pour afficher les noms de clés incomplets en premier ou les noms de clés dupliqués en premier.

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 entrées de nom de clé sont vides, contiennent des caractères invalides ou ne sont pas uniques si une branche principale protégée est sélectionnée.

Sélectionnez le paramètre Work with key names pour modifier les entrées de nom de clé et résoudre les conflits de nommage. Si nécessaire, sélectionnez les clés souhaitées et cliquez sur Exclude layers en haut du tableau pour retirer ces couches du plug-in.

S'il y a des couches déconnectées avec des noms de clé conflictuels, sélectionnez l'une des options de résolution disponibles pour continuer :

  • Create key copies in Phrase Strings

    Crée de nouvelles clés avec le suffixe -copy.

  • Connect with existing keys

    Lie les couches aux clés Phrase existantes.

  • Don't push conflicting keys

    Pousse uniquement les couches non conflictuelles.

Lorsque l'option Upload Figma preview est activée, les utilisateurs peuvent sélectionner optionnellement 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.

Si les couches sont poussées avec succès vers Strings, la fenêtre Push completed s'affiche avec un résumé et les options suivantes :

  • Create job

    Cliquez pour ouvrir la page Create a job avec les clés poussées pré-sélectionnées.

    Important

    Si l'option Upload Figma preview est activée, un travail est créé automatiquement dans Strings. Une fois activé, cela ne peut pas être désactivé.

  • Open in Strings

    Cliquez pour voir les clés poussées dans l'éditeur de Strings.

Une icône d'avertissement jaune Warning apparaît à côté des clés dont les noms ont été modifiés dans Strings après avoir poussé le contenu. Pour mettre à jour les noms de clés dans le plug-in Figma, sélectionnez Synchroniser le nom de la clé dans le menu à trois points More Menu à côté du nom de clé non concordant.

Options et actions de poussée

Cliquez sur le menu Options d'affichage More Menu pour activer ou désactiver les options de poussée suivantes selon les besoins :

  • Charger 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 Inclure les calques ou cadres cachés dans la sélection est activé, les calques de texte caché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 Exclure les sections des captures d'écran 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 dans les sections.

  • Mettre à jour le contenu dans les Strings de Phrase est activé par défaut.

  • Mettre à jour les noms de clés dans les Strings de Phrase est activé par défaut, sauf si le paramètre Travailler avec les noms de clés dans Figma est désactivé.

    Désactiver cette option réinitialise toutes les entrées de noms de clés.

  • Activez Charger l'aperçu Figma pour exporter un bundle HTML à partir des clés sélectionnées.

    Cette option est nécessaire pour générer un aperçu contextuel dans l'éditeur CAT TMS lors du travail avec des tâches synchronisées depuis Strings.

    Les utilisateurs peuvent sélectionner optionnellement les langues cibles à inclure dans l'aperçu Figma lors de la poussée 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 toujours 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.

  • Activez Préserver le formatage et le style du contenu pour conserver le formatage de texte enrichi (comme les listes, les sauts de ligne, le gras/italique et les liens) lors de la poussée de contenu de Figma vers Phrase et du retour 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 TMS lors du travail avec jobs synced de Strings. Les balises de formatage HTML apparaissent dans l'éditeur de Strings et dans les traductions exportées récupérées dans Figma.

    Désactivez cette option si le formatage riche 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 connected layers, les actions suivantes sont disponibles dans le menu d'ellipsis pertinent More Menu :

  • Sélectionnez View key details pour afficher/modifier la description de la clé dans Phrase Strings ou définir une limite de caractères pour la clé. Les modifications enregistrées dans la fenêtre Key details apparaîtront dans la barre latérale de l'éditeur de Strings après avoir actualisé la page de l'éditeur.

    Astuce

    Sélectionnez plusieurs clés dans l'onglet Push content to Phrase et utilisez l'action par lot Set character limit pour définir une limite de caractères pour toutes les clés sélectionnées en une seule fois.

  • Sélectionnez Open key in editor pour naviguer vers la clé associée dans l'éditeur de Strings.

  • Sélectionnez Disconnect content from Phrase Strings pour déconnecter la couche d'une clé existante.

Gérer le contenu dupliqué

Lors de la publication de contenu, les couches 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 Push content to Phrase :

  • Sélectionnez Proceed without merging si la création de plusieurs clés avec du contenu dupliqué est intentionnelle.

  • Pour fusionner certains contenus dupliqués en une seule clé, suivez ces étapes :

    1. Sélectionnez deux clés ou plus dans la liste et cliquez sur Merge Fusionner vers une clé...

      Un menu déroulant avec les clés disponibles pour la fusion est affiché.

    2. Sélectionnez la clé dans laquelle fusionner le contenu dupliqué.

      La clé sélectionnée est marquée d'une icône de fusion bleue Merge to a Key dans la fenêtre Push content to Phrase.

    3. Cliquez sur Procéder, puis confirmez en sélectionnant Fusionner et Pousser dans la fenêtre contextuelle Fusionner le contenu dupliqué.

      Le contenu dupliqué est fusionné en une seule clé, et toutes les couches associées sont connectées à cette clé.

  • Pour fusionner une partie ou la totalité du contenu dupliqué dans la première clé de la liste, suivez ces étapes :

    1. Sélectionnez plusieurs clés ou toutes les clés de la liste et cliquez sur Merge Fusionner tous les doublons dans la première clé.

    2. Cliquez sur Procéder, puis confirmez en sélectionnant Fusionner et Pousser dans la fenêtre contextuelle Fusionner le contenu dupliqué.

      Le contenu dupliqué est fusionné en une seule clé, et toutes les couches associées sont connectées à cette clé.

    Cette option est utile pour les fichiers volumineux avec 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.

Configurer la nomination des clés

La section Nommage des clés des paramètres du plug-in Setup_gear.png permet de définir la convention de nommage pour les clés connectées.

Pour personnaliser les noms de clés dans Figma, suivez ces étapes :

  1. Cliquez sur Activer le nommage intelligent des clés dans les paramètres Nommage des clés.

  2. Sélectionnez Travailler avec les noms de clés dans Figma.

    Remarque

    Si Synchroniser les noms des couches de texte avec les clés est activé, les noms des clés sont générés automatiquement en fonction des noms des couches de texte.

  3. Dans le champ Génération de noms de clés, entrez du texte pour définir un nommage de clé personnalisé :

    • Optionnellement, cliquez sur Macros disponibles pour sélectionner l'une des macros prises en charge pour générer automatiquement des noms de clés.

      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 Génération de noms de clés.

      Cliquez sur Exemples pour afficher et choisir l'un des exemples prédéfinis.

  4. Si nécessaire, sélectionnez une option de formatage dans le menu déroulant Convention de formatage pour modifier le texte en conséquence et supprimer les espaces.

Lorsque vous poussez du contenu vers Phrase Strings, appliquez la nouvelle convention de nommage créée aux clés précédemment connectées en :

  • Cliquant sur l'icône de rafraîchissement Refresh List en bas du tableau.

  • Sélectionnant des clés spécifiques et en cliquant sur Régénérer les noms de clés 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 de la couche 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 de la couche de texte dans l'arborescence de la page

{component}

Le nom du composant Figma où la clé est située. Seuls les composants sources sont pris en compte.

{element_name}

Le nom de la couche de texte

{element_content}

Le contenu de la couche de texte

{random}

Un hachage court unique généré aléatoirement

Connecter ou Déconnecter des Clés

Lors de l'envoi de contenu, les utilisateurs peuvent connecter des couches à des clés existantes dans les Strings de Phrase ou en générer de nouvelles.

Sélectionnez l'onglet Connecter les clés 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 Connected Key dans la colonne Nom de la clé. Si nécessaire, sélectionnez le projet, la branche (si utilisée) et la langue, ou cliquez 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 correspondante.

Remarque

L'option de déconnexion des clés individuelles est également disponible dans l'onglet Pousser le contenu vers Phrase.

Tirer les traductions

Une fois les traductions terminées, sélectionnez les calques ou les cadres Figma pour lesquels vous souhaitez tirer les traductions et cliquez sur l'onglet Tirer le contenu vers Figma.

Les utilisateurs peuvent sélectionner le projet, branche (si utilisée), et les langues pour le contenu à tirer. Les balises ne peuvent pas être tirées vers Figma.

Pour gérer de longues listes de noms de clés, utilisez le menu déroulant Trier par Sort Filter pour afficher les noms de clés incomplets en premier et résoudre d'éventuels problèmes. 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 Options d'affichage More Menu pour choisir comment afficher le contenu tiré dans Figma :

  • Créer une nouvelle page par langue

    Sélectionné par défaut. Lors du tirage pour plusieurs langues, une page Figma distincte est créée pour chaque langue sélectionnée, y compris tous les calques de la page.

    Remarque

    Dans Figma Buzz, l'option Créer une nouvelle ligne avec le contenu traduit est affichée.

  • Créer une seule page avec toutes les langues

    Crée une nouvelle page unique et place le contenu traduit sélectionné côte à côte dans des colonnes spécifiques à chaque langue. Cette option se concentre uniquement sur la sélection active plutôt que de dupliquer l'ensemble de la page Figma.

    Recommandé pour les fichiers volumineux afin d'améliorer les performances de récupération et de réduire la taille de fichier inutile.

  • Remplacer les calques de texte par des traductions

    Les calques de texte sélectionnés seront remplacés par les traductions et mis à jour dans l'aperçu.

    Cette option est automatiquement désactivée lors de la récupération pour plusieurs langues.

  • Afficher les noms de clés au lieu du contenu

    Désactivé par défaut. Lorsqu'il est activé :

    • Les noms de clés sont récupérés et affichés au lieu du contenu traduit.

    • Sélectionner une langue pour le contenu récupéré n'est plus possible.

  • Aperçu du contenu dans la langue sélectionnée

    Le paramètre sera mémorisé pour les sessions futures.

    • S'il est désactivé, la colonne Contenu affiche directement le contenu des calques sélectionnés.

    • Lorsqu'il est activé, la colonne Contenu 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 Connecter avec des clés existantes pour afficher un aperçu dans la langue sélectionnée. Si une clé portant le même nom existe dans les données récupérées, le contenu de cette clé est utilisé comme aperçu.

    Cette option est automatiquement désactivée lors de la récupération pour plusieurs langues.

  • Connect with existing keys

    Contrôlez comment les calques déconnectés sont gérés lors de la récupération 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 récupérées.

      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 récupéré des clés existantes.

    • Si désactivées, les calques déconnectés ne sont pas mis à jour, même si des clés correspondantes existent dans les données extraites.

Si le contenu est extrait avec succès vers Figma, la fenêtre Extraction terminée s'affiche avec un résumé des calques mis à jour.

Lors de l'extraction pour plusieurs langues, le bouton Ouvrir la clé dans l'Éditeur ouvre la clé avec la langue par défaut du projet comme langue source.

Figma Buzz

Figma Buzz est un outil où les designers de marque et les équipes marketing peuvent créer des actifs visuels 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 d'actifs et un montage alimenté 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 :

Remarque

L'aperçu en direct n'est pas pris en charge.

Le plug-in est disponible dans le menu Plugins de Buzz. Une fois activé, il peut être enregistré pour une utilisation future et exécuté sur le design sélectionné en l'ouvrant dans une fenêtre modale depuis la barre latérale Figma Buzz. Les calques de texte sont automatiquement détectés et affichés dans le plug-in.

Le contenu de design peut ensuite être transféré vers un projet Strings connecté pour traduction. Après la traduction, les utilisateurs peuvent extraire le contenu localisé dans Buzz, ce qui crée une nouvelle ligne contenant la version traduite du design.

Cet article vous a-t-il été utile ?

Sorry about that! In what way was it not helpful?

The article didn’t address my problem.
I couldn’t understand the article.
The feature doesn’t do what I need.
Other reason.

Note that feedback is provided anonymously so we aren't able to reply to questions.
If you'd like to ask a question, submit a request to our Support team.
Thank you for your feedback.