Tutoriel vidéo : exporter des images depuis Figma avec des chemins de dossiers personnalisés

Cette vidéo montre comment exporter des images depuis Figma avec des chemins de dossiers personnalisés grâce au plugin TinyImage.

Ouvrez l’espace de travail Compress et sélectionnez Settings juste avant Export, puis choisissez l’onglet Naming du panneau Export Settings.

Le champ Filename Format est facultatif. Si vous le laissez vide, il prend par défaut la valeur #{name}#{suffix}.

Variables disponibles pour vos noms de fichiers

Vous pouvez combiner librement n’importe laquelle des variables ci-dessous dans votre modèle de sous-dossier/nom de fichier, avec du texte et des caractères ordinaires (comme des tirets bas, des lettres ou des chiffres).

• #{name} Le nom du calque Figma (par exemple, « My Figma Layer Name »)
• #{scale} L’échelle définie dans le réglage d’export (par exemple, « 2x »)
• #{width} La largeur de l’image (par exemple, « 1024 »)
• #{height} La hauteur du calque (par exemple, « 768 »)
• #{suffix} Le suffixe défini dans le réglage d’export (par exemple, « _example »)
• #{date} L’horodatage au moment de l’export (par exemple, « 28-Sep-2020 »)
• #{section} Le nom du calque Section Figma parent, s’il existe (par exemple, « Section 1 »)
• #{frame} Le nom du calque Frame Figma parent, s’il existe (par exemple, « Frame 1 »)

Créer des sous-dossiers. Pour créer un sous-dossier, ajoutez un « / » n’importe où dans votre format de nom de fichier personnalisé. Par exemple, #{date}/#{width}x#{height}/#{name} crée une structure de dossiers dynamique comme 28-Sep-2020/1024x768/my_figma_layer_name.jpg (les variables sont remplacées par les vraies valeurs de chaque image exportée).