Localiser les calques de texte de vos designs Figma

CopyDoc intègre une fonctionnalité de localisation pour traduire n’importe quel frame de votre page Figma en plusieurs langues ou variantes de contenu.

Tutoriel vidéo : la façon la plus simple de localiser n’importe quel design Figma

Ce tutoriel vidéo est un guide complet, étape par étape, qui montre la façon la plus simple de localiser n’importe quel design Figma avec le plugin CopyDoc.

Tutoriel vidéo : traduire des calques de texte Figma avec des fichiers XLIFF

Cette vidéo montre comment traduire des calques de texte Figma avec des fichiers XLIFF à l’aide du plugin CopyDoc.

Vous cherchez le workflow XLIFF ? ​

Si vous avez recherché Localize Figma Text, Localise Figma Text, Export/Import XLIFF ou XLF, voici le workflow de localisation CopyDoc qu’il vous faut.

Dans CopyDoc, cliquez sur Localize Frames pour ouvrir le flux de localisation basé sur un tableur .xlsx. Pour utiliser plutôt des fichiers de traduction XLIFF, cliquez sur Export Text Layers et choisissez le format XLIFF 1.2 ou XLIFF 2.0, puis réintégrez le fichier traduit avec Import Text Layers.

Pour un exemple XLIFF pas à pas, consultez Translate Figma text layers with XLIFF files.

Exporter les calques de texte Figma vers un tableur de localisation ​

En cliquant sur le bouton Localize Frames dans CopyDoc, vous pouvez exporter vos frames et choisir les langues cibles dans lesquelles traduire les designs (par exemple, le français, l’allemand, etc.). Cliquez sur le bouton Export XLSX pour exporter automatiquement le contenu textuel de vos frames dans un tableur .xlsx.

Regrouper les calques de texte en double ​

L’option Group Duplicate Text Layers regroupe automatiquement les calques de texte au contenu strictement identique en une seule entrée dans votre export XLSX. Elle facilite la modification et la réimportation de votre contenu dans Figma, puisque vous n’avez à modifier le texte qu’à un seul endroit.

Conserver la casse visuelle du texte de Figma ​

L’option Use Figma Text Case force automatiquement vos calques de texte exportés à suivre la casse « visuelle » (par exemple, « Uppercase », « Title Case », « Lowercase ») définie sur le calque de texte dans Figma. Utilisez-la pour reproduire le texte tel qu’il apparaît dans votre design, au lieu d’exporter le contenu sous-jacent du calque de texte (par exemple, tel qu’il apparaît avec le réglage de casse par défaut « As typed »).

Ajouter le contenu localisé dans chaque colonne de langue du tableur ​

Une fois votre fichier .xlsx exporté, modifiez le fichier Excel et remplissez les colonnes de langue prévues à cet effet.

Si vous devez ajouter à votre tableur de localisation des colonnes que vous ne voulez pas réimporter dans Figma (par exemple, des métadonnées comme « approved », « status », « reviewer », etc.), ajoutez un préfixe de trois tirets bas devant le nom de l’en-tête de colonne (par exemple, ___approved ou __status) : CopyDoc ignorera alors cette colonne lors de la réimportation du fichier .xlsx dans Figma.

Réimporter votre tableur localisé dans Figma ​

Une fois les langues remplies et vos tableurs enregistrés, réimportez votre fichier .xlsx dans le plugin CopyDoc par glisser-déposer, puis cliquez sur le bouton Localize Frames pour réimporter vos nouvelles versions linguistiques. À la réimportation, CopyDoc crée automatiquement une toute nouvelle page avec un nouveau frame d’email par langue, qui reprend toutes les modifications de texte faites dans le tableur (par calque de texte, c’est-à-dire par « ligne »).

Définir l’ordre des frames importés ​

Une fois votre tableur chargé par CopyDoc, faites glisser les frames dans l’aperçu d’import pour les placer dans l’ordre voulu avant de cliquer sur Localize Frames. Lorsque Keep Frame Positions est désactivé, CopyDoc utilise cet ordre pour disposer de haut en bas les frames d’origine et les frames localisés sur la nouvelle page.

L’option Keep Frame Positions conserve pour les nouveaux frames importés ou traduits la disposition et le positionnement des frames d’origine exportés depuis Figma. Si vous la désactivez, le plugin les dispose plutôt dans une grille de frames ordonnée.

L’option Add a “Worst Case” Frame (Longest Text) crée un frame supplémentaire qui reprend, pour chaque calque de texte, le texte le plus long parmi toutes les nouvelles langues ou traductions du tableur, et montre ainsi le pire scénario avec des textes très longs. C’est utile pour tester la robustesse du design et vérifier qu’il supporte n’importe quelle longueur de texte sans casser ni paraître bizarre.

Utiliser la mise en forme Markdown ​

Vous pouvez exporter le texte de vos tableurs de localisation en Markdown en activant l’option Use Markdown : le texte en gras, en italique ou avec des liens hypertextes est alors automatiquement converti au format Markdown (voir ci-dessous). Vous pouvez ainsi modifier ou ajouter de la mise en forme sur différentes parties du texte de votre design avant de réimporter le texte traduit.

Après avoir modifié le tableur exporté et ajouté ou supprimé de la mise en forme Markdown, activez l’option Import Markdown Formatting pour que votre import XLSX interprète automatiquement la mise en forme Markdown simple prise en charge (voir ci-dessous) et l’applique à vos calques de texte Figma.

CopyDoc prend actuellement en charge la mise en forme Markdown en ligne pour le gras, l’italique, le gras italique, les liens hypertextes et les retours à la ligne. N’ajoutez pas de titres, de listes, de blocs de code, de tableaux, de HTML ni d’autre syntaxe Markdown en dehors de ces fonctionnalités de texte en ligne.

Mise en forme Markdown prise en charge : ​

  • Mettez du texte en gras en l’entourant de deux astérisques, par exemple **Text to bold**
  • Mettez du texte en italique en l’entourant d’un tiret bas, par exemple _Italic Text_
  • Mettez du texte en gras italique en l’entourant de deux astérisques et d’un tiret bas, par exemple **_Italic Text_**
  • Ajoutez des liens hypertextes avec la syntaxe Markdown This is [my link here](https://example.com) in a text paragraph (vous pouvez aussi mettre en forme le texte du lien en ajoutant la syntaxe gras/italique à l’intérieur des crochets [] du lien).

Autres workflows de localisation ​

CopyDoc prend aussi en charge des workflows de localisation assistés par IA :

Chaque fournisseur d’IA prend en charge deux workflows dans CopyDoc : une traduction directe via l’API et une option de prompt manuel, qui génère un prompt de traduction CSV à lancer dans l’application du fournisseur.