Intégrations

Figma (Strings)

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

Disponible pour

  • Tous les forfaits payants

Disponible pour

  • Forfait 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 du contenu design aux projets Phrase, faisant le pont entre les équipes de conception et de localisation des produits. Le plug-in prend en charge la commande push du contenu, l’extraction des traductions et la gestion des clés entre Figma et Phrase Strings.

  • ramification est prise en charge.

  • Il faut accéder à au moins un projet et une langue avec des droits utilisateur Traducteur. Un Administrateur ou chef de projet peut accéder sur invitation.

  • 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 couches de texte cachées ne sont pas incluses dans l'intégration. Vous pouvez changer cette option dans les paramètres Setup_gear.png en sélectionnant Inclure les couches ou cadres cachés.

  • 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 depuis le navigateur plug-in de Figma ou depuis la Communauté Figma et cliquez sur Essayer. Le plug-in sera disponible dans le menu Figma Plugins.

La connexion de Figma à Phrase peut être faite en fournissant des informations d’identification Phrase ou un authentifiant d’accès

Lorsque la connexion se fait, en sélectionnant un cadre, on charge un aperçu du contenu Figma et des clés vers lesquelles les utilisateurs peuvent push ou pull depuis Phrase Strings.

L'onglet Connect keys permettra de connecter les couches Figma aux clés déjà existantes dans un projet Strings. Si la convention de dénomination est la même pour les couches et les clés, elles peuvent automatiquement correspondre.

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.

  • Voir le texte dans Strings

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

Push Content

L'onglet Push contenu vers phrase permet d'envoyer des cadres ou des couches de texte depuis Figma vers Phrase Strings pour la localisation. Il n'est pas possible de push contenu vers une branche principale protégée.

push_content.png

Sélectionner le projet, branche (si utilisé) et langue pour le contenu poussé. Entrez éventuellement une balise personnalisée à ajouter aux clés téléversées.

Cliquez sur le menu Afficher les options 3dots_icon.jpeg pour activer et désactiver les options push suivantes selon vos besoins :

  • Charger captures d'écran 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 Inclure les couches ou cadres cachés est activé, un marqueur sera placé dans le coin supérieur gauche de la capture d'écran des couches de texte cachées importées avec le plug-in Figma.

    • Lorsque le paramètre Exclure des sections 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 performances avec le plug-in pendant qu'on travaille à l'intérieur des sections.

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

  • Mettre à jour noms clés dans Phrase Strings est activé par défaut, à moins que le paramètre Travail avec noms clés dans Figma ne soit désactivé.

    En activant cette option, vous réinitialisez toutes les entrées de nom de clé.

Les noms de clé vides ou dupliqués sont signalés par un compteur rouge dans la colonne Contenu . Pour gérer de longues listes de noms clés, utilisez la liste déroulante Trier par trier_filtre.jpeg pour afficher en premier les noms clés incomplets ou en premier les noms clés dupliqués.

Remarque

L'option de tri sélectionnée sera mémorisée pour les sessions futures.

Le bouton Push à phrase est désactivé si les entrées de nom de clé sont empty, contiennent des caractères non valides, ne sont pas uniques si une branche principale protégée est sélectionnée.

Sélectionnez le paramètre Travail avec noms clés pour modifier les entrées de noms clés et résoudre tout conflit de dénomination. Si nécessaire, sélectionnez les clés souhaitées et cliquez sur Exclure couches en haut du tableau pour retirer ces couches du plug-in.

S'il existe des couches déconnectées dont les noms de clés sont en conflit, sélectionnez l'une des options de résolution disponibles pour continuer:

  • Créer des copies clés dans Phrase Strings 

    Crée de nouvelles clés avec un suffixe de copie.

  • Se connecter avec les clés existantes 

    Relie les couches aux clés Phrase existantes.

  • Ne pas pousser les clés en conflit 

    Repousse uniquement les couches non conflictuelles.

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

  • Créer tâche 

    Cliquez pour ouvrir la page Créer une tâche avec les touches poussées présélectionnées.

  • Ouvrir dans Strings 

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

Configurer la dénomination des clés

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

Pour personnaliser les noms clés dans Figma, procédez comme suit :

  1. Cliquez sur Activer dénomination clé intelligente à partir des paramètres de dénomination clé.

  2. Sélectionner Travail avec des noms clés dans Figma

    Remarque

    Si l ' option < < Synchroniser les noms de couche de texte avec les clés > > est activée, les noms de clé sont automatiquement générés en fonction des noms de couche de texte.

  3. Dans le champ de génération du nom de clé, saisissez le texte pour définir la dénomination de clé personnalisée :

    • Cliquez sur Macros disponibles pour sélectionner une des prises en charge afin de générer automatiquement des 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 de génération du nom de clé.

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

  4. Si nécessaire, sélectionnez une option de mise en forme dans la liste déroulante Convention de mise en forme pour modifier le texte en conséquence et retirer les espaces.

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

  • Cliquez sur l'icône actualiser refresh_icon.jpg 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.

Macro 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 des pages

{nearest_section}

La section la plus proche de la couche de texte dans l'arborescence des pages

{frame}

Le cadre où la clé est identifiée

{parent_group}

Le groupe de plus haut niveau dans l'arborescence des pages

{nearest_group}

Le groupe le plus proche de la couche de texte dans l'arborescence des pages

{component}

Le nom du composant Figma où se trouve la clé. Seuls les composants source sont pris en compte.

{element_name}

Le nom de la couche de texte

{element_content}

Le contenu de la couche texte

{random}

Un dièse court unique généré aléatoirement

Connecter ou déconnecter des clés

Lorsqu’ils poussent du contenu, les utilisateurs peuvent connecter des couches aux clés existantes dans Phrase Strings ou en générer de nouvelles.

Sélectionner l'onglet Clés de connexion pour afficher une vue d'ensemble des clés connectées et déconnectées.

connect_keys.jpeg

Les clés déjà connectées sont identifiées par une icône lien blue_link.jpeg dans la colonne Nom de clé . Si nécessaire, sélectionnez le projet, branche (si utilisé) et langue, ou cliquez sur l'icône de recherche pour trouver le contenu souhaité.

Sélectionner Clés de connexion pour connecter en masse dans l'onglet toutes les clés non reliées. Pour connecter ou déconnecter des clés individuelles, cliquez sur l'icône concernée à droite de l'entrée correspondante.

Remarque

L’option permettant de déconnecter les clés individuelles est également disponible dans l’onglet Push contenu vers phrase.

Pull Translations

Une fois les traductions Terminées, sélectionnez les couches Figma ou les cadres pour lesquels pull traductions et cliquez sur l'onglet Pull contenu to Figma .

pull_content.jpeg

Les utilisateurs peuvent sélectionner le projet, branche (si utilisé) et langue pour le contenu tiré. Impossible de ramener les tags vers Figma

Pour gérer de longues listes de noms clés, utilisez la liste déroulante Trier par trier trier_filtrer.jpeg pour afficher en premier les noms clés incomplets et résoudre tout problème potentiel. Si nécessaire, sélectionnez des clés spécifiques et cliquez sur Exclure couches en haut du tableau pour retirer ces couches du plug-in.

Remarque

L'option de tri sélectionnée sera mémorisée pour les sessions futures.

Cliquez sur le menu Afficher les options 3dots_icon.jpeg pour choisir comment afficher le contenu tiré dans Figma :

  • Créer une nouvelle page au contenu traduit

    Sélectionné par défaut.

  • Remplacer les couches de texte par des traductions

    Les couches de texte sélectionnées seront écrasées avec les traductions et mises à jour dans la fenêtre d'affichage.

  • Afficher les noms clés plutôt que le contenu

    Désactivé par défaut. Lorsque cette option est activée :

    • Les noms clés sont tirés et affichés en lieu et place du contenu traduit.

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

  • Contenu aperçu dans la langue sélectionnée

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

    • Si cette option est désactivée, la colonne Contenu affiche directement le contenu des couches sélectionnées.

    • Lorsque cette option est activée, la colonne Contenu affiche un aperçu du contenu dans la langue sélectionnée pour les couches connectées.

      • Pour les couches déconnectées, activez l'option Se connecter avec 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 tirées, le contenu de cette clé est utilisé comme aperçu.

  • Se connecter avec les clés existantes

    Contrôle comment sont gérées les couches déconnectées lors de l'extraction des données dans Figma. Le paramètre sera mémorisé pour les sessions futures.

    • Lorsque cette option est activée, le système vérifie si une clé portant le même nom existe dans les données tirées.

      Si une correspondance est trouvée :

      • Les couches déconnectées sont connectées aux clés correspondantes.

      • Le contenu des couches est mis à jour avec le contenu tiré des clés existantes.

    • Si désactivées, les couches déconnectées ne sont pas mises à 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 Pull terminée est affichée avec un résumé des couches mises à jour.

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.