Tutoriel vidéo : exporter les commentaires de fichiers Figma

Cette vidéo montre comment exporter les commentaires de vos fichiers Figma vers des fichiers CSV/JSON (avec des images de référence) à l’aide du plugin CopyDoc.

Générer votre jeton d’accès personnel Figma

Pour exporter des commentaires depuis le plugin CopyDoc, vous devez générer un jeton d’accès personnel dans votre compte Figma :

1. Ouvrez le panneau Settings (dans le menu déroulant sous l’icône de votre compte Figma).
2. Faites défiler l’onglet Account de la fenêtre des réglages jusqu’à la section Personal access tokens.
3. Cliquez sur Generate new token.
4. Saisissez un Token name (par exemple, CopyDoc Figma Plugin).
5. Réglez la liste déroulante Expiration sur 90 Days.
6. Vérifiez que la liste déroulante File content est réglée sur Read-only.
7. Vérifiez que la liste déroulante Comments est réglée sur Write.
8. Toutes les autres listes déroulantes peuvent rester sur No access.
9. Cliquez sur le bouton Generate token.
10. Cliquez sur Copy this token (c’est votre seule occasion de le faire).

Exporter vos commentaires Figma depuis le plugin CopyDoc

Pour commencer, cliquez sur le bouton Export Comments dans l’écran principal du plugin CopyDoc, puis suivez les étapes ci-dessous :

Ajouter votre jeton personnel Figma

Pour authentifier la lecture des commentaires de votre fichier Figma, vous devez ajouter manuellement un jeton d’accès personnel Figma en suivant les étapes de la section Générer votre jeton d’accès personnel Figma ci-dessus.

Votre jeton est enregistré automatiquement après un export réussi. Une fois vos commentaires exportés avec succès via CopyDoc, votre jeton d’accès personnel Figma est enregistré automatiquement (et prérempli dans le champ de saisie) pour vos prochaines utilisations du plugin, y compris dans d’autres projets Figma.

Ajouter l’URL de votre fichier Figma

Vous devez ajouter manuellement l’URL de votre page Figma : cliquez sur le bouton Share dans l’en-tête de Figma, puis sur Copy link dans la fenêtre qui s’ouvre, et collez enfin l’URL copiée dans le champ Figma Page URL (Required) des réglages du plugin CopyDoc.

Activer l’option des références de design

L’option Include Design References ajoute une image .png (avec des repères numérotés et positionnés pour chaque fil de commentaires) pour chaque frame contenant au moins un commentaire. Ces images servent de référence visuelle, à côté des commentaires texte exportés dans les fichiers .csv et .json.

Récupérer et exporter les commentaires

Une fois une Figma Page URL et un Figma Personal Access Token valides ajoutés, cliquez sur le bouton Export Comments to CSV/JSON : CopyDoc analyse votre fichier Figma à la recherche de commentaires et génère un fichier CSV et un fichier JSON (ainsi que les images de référence, si l’option Include Design References est activée).

Lorsque CopyDoc a terminé l’export de vos commentaires, un message de confirmation s’affiche ; cliquez sur le bouton Download Comments pour télécharger le fichier .zip qui contient vos commentaires exportés.

Enregistrer les fichiers téléchargés depuis Figma. Si vous utilisez l’application de bureau Figma, une fenêtre vous invite à télécharger votre fichier. En revanche, si vous utilisez Figma dans un navigateur web, votre fichier est téléchargé automatiquement sur votre ordinateur par défaut (en général dans le dossier Téléchargements de votre ordinateur).

Ouvrir le fichier .zip

Une fois le fichier .zip téléchargé de Figma vers votre ordinateur, ouvrez votre explorateur de fichiers dans le dossier où il a été enregistré. Double-cliquez sur le fichier .zip exporté pour en extraire le contenu et utiliser vos commentaires comme vous le souhaitez.