Modifier le texte des fichiers XLSX ou CSV

Pour modifier votre fichier .xlsx ou .csv exporté, ouvrez-le dans un tableur comme Apple Numbers, Microsoft Excel ou Google Sheets, ou simplement dans un éditeur de texte ou de code comme Visual Studio Code ou Sublime Text.

Ouvrir des fichiers CSV contenant des caractères Unicode dans Microsoft Excel. Microsoft Excel vous oblige à utiliser l’assistant d’importation intégré pour importer le CSV si votre texte contient des caractères Unicode (par exemple si votre contenu est en polonais ou en russe). Les autres tableurs, comme Apple Keynote et Google Sheets, ne l’exigent pas : vous pouvez y ouvrir le fichier CSV normalement.

Ouvrir des fichiers CSV dans Google Sheets. Lorsque vous importez un fichier CSV dans Google Sheets, veillez à décocher la case Convert text to numbers, dates and formulas ; sinon, vos ID Figma seront modifiés et altérés, et ne pourront plus être réimportés correctement dans Figma.

Chaque ligne du fichier .csv correspond à une chaîne de texte de votre fichier Figma. Pour retrouver facilement le frame parent de chaque calque de texte, consultez la valeur de la colonne « frame » ; pour modifier le contenu de chaque ligne, mettez à jour la valeur de la colonne « figma_text ».

Comprendre les colonnes de votre fichier XLSX ou CSV

id

La colonne id contient des références uniques aux calques de texte de votre fichier Figma d’origine : c’est grâce à elles que vos modifications de texte pourront ensuite être réimportées dans le plugin CopyDoc.

Ne modifiez rien dans la colonne « id ». Si vous comptez réimporter vos modifications de texte dans votre fichier Figma, ne modifiez rien dans la colonne « id » : sinon, le lien avec votre texte Figma sera impossible (ou d’autres calques risquent d’être mis à jour par erreur).

frame

La colonne frame contient le nom du frame parent dans lequel se trouve le calque de texte de la ligne : c’est pratique pour savoir où le calque de texte apparaît dans votre design.

layer_name

La colonne layer_name correspond au nom de votre calque de texte dans le fichier Figma d’origine ; il est presque toujours identique au texte lui-même, mais il diffère si vous avez renommé manuellement vos calques de texte Figma.

Remarque : si vous modifiez la valeur layer_name, le nom de votre calque de texte Figma est automatiquement mis à jour lorsque le fichier XLSX ou CSV est réimporté dans Figma. Cela n’a aucun effet sur le contenu du calque de texte : veillez donc à faire vos modifications de contenu dans la colonne figma_text, ou dans les variantes de texte personnalisées que vous avez pu ajouter.

figma_text

La colonne figma_text_ contient le texte des calques de texte de votre fichier Figma d’origine : modifiez ce contenu pour pouvoir réimporter le texte mis à jour dans Figma.

Variantes de texte personnalisées dans votre XLSX ou CSV

Si vous avez exporté votre fichier XLSX ou CSV avec des colonnes personnalisées supplémentaires, elles sont automatiquement ajoutées après toutes les colonnes par défaut de votre export .xlsx ou .csv. Vous pouvez remplir ces colonnes vides avec différentes versions ou différentes langues, que vous pourrez sélectionner en réimportant votre CSV dans Figma.

Réenregistrez bien le fichier XLSX/CSV au format .xlsx/.csv. Si vous modifiez votre fichier .csv dans un tableur, veillez à le réenregistrer au format .csv après modification : ces applications tentent parfois d’enregistrer le fichier dans un autre format, qui ne sera pas compatible lors de la réimportation du fichier via le plugin CopyDoc.

Modifier le texte des fichiers JSON

Pour modifier votre fichier .json exporté, ouvrez-le dans un éditeur de texte ou de code comme Visual Studio Code ou Sublime Text.

Chaque objet du tableau du fichier .json correspond à une chaîne de texte de votre fichier Figma. Pour retrouver facilement le frame parent de chaque calque de texte, consultez la valeur de la propriété « frame » ; pour modifier le contenu de chaque objet, mettez à jour la valeur de la propriété « figma_text ».

Comprendre les colonnes de votre fichier JSON

id

La propriété id contient des références uniques aux calques de texte de votre fichier Figma d’origine : c’est grâce à elles que vos modifications de texte pourront ensuite être réimportées dans le plugin CopyDoc.

Ne modifiez rien dans la propriété « id ». Si vous comptez réimporter vos modifications de texte dans votre fichier Figma, ne modifiez rien dans la propriété « id » : sinon, le lien avec votre texte Figma sera impossible (ou d’autres calques risquent d’être mis à jour par erreur).

frame

La propriété frame contient le nom du frame parent dans lequel se trouve le calque de texte de l’objet : c’est pratique pour savoir où le calque de texte apparaît dans votre design.

layer_name

La propriété layer_name correspond au nom de votre calque de texte dans le fichier Figma d’origine ; il est presque toujours identique au texte lui-même, mais il diffère si vous avez renommé manuellement vos calques de texte Figma.

Remarque : si vous modifiez la valeur layer_name, le nom de votre calque de texte Figma est automatiquement mis à jour lorsque le JSON est réimporté dans Figma. Cela n’a aucun effet sur le contenu du calque de texte : veillez donc à faire vos modifications de contenu dans la propriété figma_text, ou dans les variantes de texte personnalisées que vous avez pu ajouter.

figma_text

La propriété figma_text_ contient le texte des calques de texte de votre fichier Figma d’origine : modifiez ce contenu pour pouvoir réimporter le texte mis à jour dans Figma.

Variantes de texte personnalisées dans votre JSON

Si vous avez exporté votre fichier JSON avec des propriétés personnalisées supplémentaires, elles sont automatiquement ajoutées après toutes les propriétés par défaut de votre export .json. Vous pouvez remplir ces propriétés vides avec différentes versions ou différentes langues, que vous pourrez sélectionner en réimportant votre JSON dans Figma.

Demandez à vos amis ou à votre équipe de développeurs de vous aider avec le JSON. Si vous connaissez mal le format JSON, demandez à quelqu’un qui s’y connaît en développement web : cette personne pourra s’en servir pour faire des choses très pratiques, comme intégrer les données dans une API ou une application tierce, ou écrire son propre script Node.js pour manipuler le texte autrement.

Modifier le texte des fichiers Markdown

Pour modifier votre fichier .md exporté, ouvrez-le dans un éditeur de texte ou de code comme Visual Studio Code ou dans un éditeur Markdown dédié comme Markably.

Chaque bloc de texte du fichier .md correspond à du contenu du fichier Figma. Une ligne contenant le figma_text_id correspondant précède chaque bloc.

Ne modifiez ni ne supprimez rien dans les lignes de propriété « figma_text_id ». Si vous comptez réimporter vos modifications de texte dans votre fichier Figma, ne modifiez rien dans les lignes « figma_text_id » : sinon, le lien avec votre texte Figma sera impossible (ou d’autres calques risquent d’être mis à jour par erreur).

Mise en forme Markdown prise en charge

Vous pouvez modifier n’importe quel contenu Figma dans votre fichier Markdown, et aussi modifier ou ajouter une mise en forme Markdown simple (gras, italique) et des liens, qui pourront être réimportés dans votre fichier Figma.

• Pour mettre du texte en gras, entourez-le de deux astérisques, par exemple **Text to bold**
• Pour mettre du texte en italique, entourez-le d’un tiret bas, par exemple _Italic Text_
• Pour mettre du texte en gras italique, entourez-le de deux astérisques et d’un tiret bas, par exemple **_Italic Text_**
• Pour ajouter des liens hypertextes, utilisez 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).

Modifier le texte des fichiers DOCX

Pour modifier votre fichier .docx exporté, ouvrez-le dans une application comme Microsoft Word ou Google Docs.

Chaque bloc de texte du fichier .docx correspond à du contenu du fichier Figma. Une ligne contenant le figma_text_id correspondant précède chaque bloc.

Ne modifiez ni ne supprimez rien dans les lignes de propriété « figma_text_id ». Si vous comptez réimporter vos modifications de texte dans votre fichier Figma, ne modifiez rien dans les lignes « figma_text_id » : sinon, le lien avec votre texte Figma sera impossible (ou d’autres calques risquent d’être mis à jour par erreur).

Mise en forme DOCX prise en charge

Vous pouvez modifier n’importe quel contenu Figma dans votre fichier DOCX, et aussi modifier ou ajouter une mise en forme simple (gras, italique) et des liens, qui pourront être réimportés dans votre fichier Figma.

Modifier les fichiers XLIFF

Pour modifier votre fichier .xliff exporté, ouvrez-le dans un éditeur de texte ou de code comme Visual Studio Code ou Sublime Text.

Chaque <unit> du fichier .xliff correspond à une chaîne de texte de votre fichier Figma. Pour retrouver facilement le frame parent de chaque calque de texte, consultez la valeur de la propriété « frame » ; pour modifier la traduction dans la langue cible de chaque <unit>, mettez à jour la valeur <target>.

Utilisez un logiciel d’édition XLIFF pour vous faciliter la tâche. Si vous ne souhaitez pas utiliser un éditeur de texte classique pour modifier votre fichier .xliff, vous pouvez utiliser un logiciel conçu pour éditer les fichiers .xliff, comme Counterparts ou XLIFFTool sous OSX, ou Virtaal sous Windows.

Ne modifiez rien dans la propriété « id ». Si vous comptez réimporter vos modifications de texte dans votre fichier Figma, ne modifiez rien dans les propriétés « id » : sinon, le lien avec votre texte Figma sera impossible (ou d’autres calques risquent d’être mis à jour par erreur).

Afficher les références de design

Lorsque vous modifiez le texte de votre export, vous voudrez peut-être voir où ce texte s’affiche dans le design Figma d’origine. Si vous avez activé l’option Design References, votre fichier .zip exporté contient un dossier nommé _frames, avec une image .png pour chaque frame sélectionné pour l’export. Vous pouvez vous en servir comme références de design à côté des fichiers de texte exportés.

Les calques de texte exportés sont classés selon leur position visuelle. Dans les fichiers exportés, les calques de texte sont triés selon leur position visuelle dans le design (de haut en bas et de gauche à droite), ce qui permet de parcourir plus facilement une image du design pour retrouver où le texte est utilisé.

Tutoriels vidéo

Tutoriel vidéo : importer et exporter des calques de texte Figma avec des fichiers CSV

Cette vidéo montre comment importer et exporter des calques de texte Figma avec des fichiers CSV à l’aide du plugin CopyDoc.

Tutoriel vidéo : exporter et réimporter le texte Figma via la synchronisation Airtable

Cette vidéo montre comment exporter et réimporter le texte Figma via la synchronisation Airtable à l’aide du plugin CopyDoc.

Tutoriel vidéo : importer et exporter des calques de texte Figma avec des fichiers JSON

Cette vidéo montre comment importer et exporter des calques de texte Figma avec des fichiers JSON à l’aide du plugin CopyDoc.

Tutoriel vidéo : exporter et réimporter les calques de texte sélectionnés dans Figma

Cette vidéo montre comment exporter et réimporter les calques de texte sélectionnés dans Figma à l’aide du plugin CopyDoc.

Tutoriel vidéo : mettre à jour le texte des calques Figma avec des fichiers Markdown

Cette vidéo montre comment mettre à jour le texte des calques Figma avec des fichiers Markdown à l’aide du plugin CopyDoc.

Tutoriel vidéo : mettre à jour le texte Figma depuis Microsoft Word avec des fichiers DOCX

Cette vidéo montre comment mettre à jour le texte Figma depuis Microsoft Word avec des fichiers DOCX à l’aide du plugin CopyDoc.

Tutoriel vidéo : mettre à jour le texte Figma depuis Google Docs avec des fichiers DOCX

Cette vidéo montre comment mettre à jour le texte Figma depuis Google Docs avec des fichiers DOCX à l’aide du plugin CopyDoc.

Tutoriel vidéo : mettre à jour le texte Figma depuis Office 365 avec des fichiers DOCX

Cette vidéo montre comment mettre à jour le texte Figma depuis Office 365 avec des fichiers DOCX à l’aide du plugin CopyDoc.