Tutoriel vidéo : créer une bibliothèque de contenus texte réutilisable dans Figma

Cette vidéo montre comment créer une bibliothèque de contenus texte réutilisable dans Figma avec CopyDoc.

Tutoriel vidéo : ajouter des raccourcis d’extraits à expansion de texte dans Figma

Cette vidéo montre comment ajouter des raccourcis d’extraits à expansion de texte dans Figma avec le plugin CopyDoc.

Créer des extraits à expansion de texte

Après avoir ouvert le panneau Content Library, pour créer votre premier extrait de texte dans l’onglet Collections, cliquez sur le bouton Add New Snippet +, puis remplissez les champs obligatoires :

Nom du raccourci déclencheur

Les raccourcis déclencheurs sont des mots-clés spéciaux qui se transforment en leur contenu lorsqu’ils sont saisis (ou copiés-collés) dans un calque de texte Figma (par exemple, //expandme).

Ajouter à une collection (facultatif)

Par défaut, les nouveaux extraits de texte sont classés dans « Uncategorized », mais vous pouvez créer une collection personnalisée (ou sélectionner une collection existante) pour organiser vos extraits par catégorie.

Extrait de contenu texte

Votre extrait de contenu texte contient la ou les chaînes appliquées à vos calques de texte Figma lorsque vous cliquez sur l’extrait dans votre bibliothèque de contenus.

Pour créer plusieurs variantes d’un même extrait de texte, séparez vos chaînes par une double barre verticale (par exemple, Hey || Hello || Hi).

Mise en forme Markdown prise en charge dans les extraits de texte

Vous pouvez ajouter à vos extraits une mise en forme Markdown simple (gras, italique) et des liens, qui s’appliquent automatiquement lorsque l’extrait est appliqué à votre calque de texte Figma.

• Mettez du texte en gras avec deux astérisques **Snipet text to bold** ou deux tirets bas eg.__Snipet text to bold__
• Mettez du texte en italique avec un astérisque *Italic Snippet Text* ou un tiret bas eg._Italic Snippet Text_
• Mettez du texte en gras italique avec trois astérisques ***Bold Italic Snippet Text*** ou trois tirets bas eg.___Bold Italic Snippet Text___
• Ajoutez des liens hypertextes avec la syntaxe Markdown This is [my link here](https://example.com) in a text snippet (vous pouvez aussi mettre en forme le texte du lien en ajoutant la syntaxe gras/italique à l’intérieur des crochets [] du lien).

Appliquer des extraits aux calques de texte sélectionnés

La première façon d’appliquer vos extraits de texte enregistrés consiste à sélectionner le ou les calques de texte Figma concernés, puis à cliquer sur le bouton Apply pour appliquer une variante aléatoire de l’extrait à ce calque.

Vous pouvez aussi appliquer vos extraits dans un ordre précis ou choisir une variante particulière : dépliez d’abord l’extrait de texte, puis cliquez sur une variante ou choisissez une option d’application en masse (Ordered, Random, A-Z ↓ ou Z-A ↑).

Appliquer des extraits avec des déclencheurs d’expansion de texte

L’autre façon d’utiliser vos extraits de texte enregistrés consiste à copier-coller (ou saisir) le « déclencheur » de l’extrait (par exemple, //expandme) directement dans votre calque de texte Figma pendant que vous modifiez son contenu ; le raccourci déclencheur se transforme alors automatiquement en l’extrait de texte complet que vous avez ajouté.

Vous pouvez utiliser vos déclencheurs dans d’autres fonctionnalités de CopyDoc. L’expansion de texte détecte automatiquement l’extrait chaque fois que le contenu d’un calque de texte Figma est mis à jour : vous pouvez donc utiliser vos raccourcis déclencheurs avec les autres méthodes de mise à jour des calques de texte de CopyDoc (par exemple, rechercher et remplacer, les imports CSV/XLSX en masse et la synchronisation Google Sheets). Il suffit d’inclure le nom du déclencheur dans votre contenu mis à jour for example, Hello //firstname, how it's going?

Modifier ou supprimer vos extraits de texte

Pour supprimer ou modifier un extrait de texte personnalisé déjà ajouté à votre bibliothèque de contenus, dépliez-le en cliquant dessus dans la liste des extraits de l’onglet Collections. Cliquez ensuite sur l’icône Trash et confirmez avec Delete pour le supprimer, ou cliquez sur l’icône Pencil pour ouvrir le panneau de modification, qui vous permet de changer le nom du déclencheur, la collection ou le contenu texte de l’extrait sélectionné.

Déplacer ou supprimer vos extraits de texte en masse

Pour déplacer rapidement plusieurs extraits de texte vers une autre collection, cochez les cases des extraits concernés, puis sélectionnez une collection existante dans la liste déroulante Select Snippet Collection ou ajoutez un nouveau nom de collection, et cliquez sur le bouton Move.

Au lieu de déplacer les extraits vers une autre collection, vous pouvez aussi cliquer sur le bouton Delete, puis confirmer avec Delete, pour supprimer en masse tous les extraits sélectionnés.

Exporter vos extraits de texte en CSV

Pour exporter vos extraits de texte personnalisés dans un fichier .csv, cochez les cases des extraits à exporter, puis cliquez sur le bouton Export To CSV : les extraits sélectionnés sont téléchargés automatiquement dans un fichier .csv à enregistrer sur votre ordinateur.

Vous pouvez modifier ces fichiers .csv et les réimporter dans les extraits de votre bibliothèque de contenus.

Importer des extraits de texte depuis un CSV

Pour importer un fichier .csv contenant des déclencheurs et des extraits de texte personnalisés, cliquez sur le bouton Import CSV dans l’onglet Collections de la bibliothèque de contenus de CopyDoc.

Le fichier .csv que vous déposez dans la zone de dépôt peut être un tableur mis à jour, exporté via la fonctionnalité Export CSV, ou un tout nouveau tableur mis en forme de la même manière.

Le CSV doit suivre cette structure : chaque colonne de la première ligne (la ligne d’en-tête) contient le nom d’un déclencheur (par exemple, //expandme), et chaque variante de texte de l’extrait occupe les lignes situées sous la colonne de son déclencheur.

//firstname	//cities
Kate	Seattle
Elbert	Los Angeles
Michael	New York
Amy	Austin
	Portland
	Boston