Pourquoi Figma exporte mes fichiers en format zip ?

Documentation
July 15, 2024
3 min
Figma Zip Export
Points clés de l'article

De nombreux utilisateurs de Figma rencontrent des problèmes lors de l'exportation de leurs designs. En effet, certaines fois, nous nous retrouvons avec un fichier compressé (.zip) lorsque nous téléchargeons une image ou illustration de Figma au lieu d'un seul fichier au format png, svg, jpg ou autre.

Ce problème peut très vite être irritant (et je sais de quoi je parle) si l'on doit à chaque fois décompresser les fichiers zip avant d'avoir notre bon fichier.

Pourquoi figma exporte-t-il en zip ?

La principale raison pour laquelle Figma exporte vos fichiers en format zip est liée à la structure des noms de fichiers et à la méthode d'exportation :

  1. Exportation de plusieurs éléments : Si vous exportez plusieurs éléments simultanément, Figma choisit de les compresser dans un fichier zip pour avoir tous les assets dans un seul et même fichier. Et dans ce cas, ce n'est pas dérangeant. Cependant, il arrive en téléchargement un seul fichier de l'avoir en zip.
  2. Noms de fichiers avec slash ("/") : Lorsque le nom d'une frame, d'un autolayout, d'une page contient un slash ("/"), cela indique à Figma qu'il s'agit d'un groupe ou d'un dossier. Pour préserver la structure et inclure tous les éléments à l'intérieur de ce groupe, Figma exporte ces fichiers dans un fichier Zip.

Solutions et conseils pour éviter les zips non désirés

Si vous préférez télécharger des fichiers individuels plutôt qu'un fichier zip, voici ce que vous pouvez faire :

  1. Vérifiez les noms de fichiers : Assurez-vous qu'aucun de vos noms de fichiers, de frame, d'autolayout, etc. ne contiennent de slash ("/"). Renommez-les si nécessaire pour éviter que Figma ne les interprète comme des dossiers. Vous pouvez par exemple utiliser un tiret ("-") à la place.
  2. Exportez uniquement l'élément requis : Sélectionnez seulement l'élément que vous souhaitez exporter. Évitez de sélectionner des groupes ou des frames qui pourraient entraîner une exportation en zip.
  3. Utilisez l'application de bureau Figma : Si possible, utilisez l'application de bureau Figma plutôt que le navigateur web. Cette version est souvent plus précise dans ses exports et peut éviter les compressions non désirées.
  4. Vérifiez vos paramètres d'exportation : Assurez-vous que vous avez sélectionné le bon format d'exportation (PNG, JPG, etc.) et que les paramètres d'exportation sont corrects avant de procéder au téléchargement.
  5. Mises à jour et support : Assurez-vous que votre navigateur est à jour et compatible avec les dernières versions de Figma. Parfois, les problèmes d'exportation peuvent être résolus par une simple mise à jour du logiciel.

Et voilà ! C'est tout simple, vous savez maintenant pourquoi Figma exporte vos fichiers en format zip. Si les problèmes persistent malgré tout, n'hésitez pas à contacter le support technique de Figma pour une assistance personnalisée.

Thibaut Legrand
Thibaut Legrand
Technical Solutions Architect & Webflow Expert

Articles qui devraient vous intéresser

Visuel abstrait lumineux avec des dégradés de jaune et orange, accompagné du texte “IA & DESIGN 2025” au centre, suggérant une thématique autour de l’intelligence artificielle et du design pour l’année 2025.
Documentation
IA

Comment l'IA transforme le métier de designer en 2025 (et pourquoi tu ne vas pas disparaître)

Comment l'IA transforme le métier de designer en 2025 (et pourquoi tu ne vas pas disparaître)
Overview du répertoire Webflow Partner mettant en avant plusieurs agences : Digidop, Finsweet, Flow Ninja et Simon Lampert. Le fond bleu présente le logo Webflow Partner à gauche, tandis que les cartes des partenaires affichent leur statut, prix de départ, distinctions, et captures de sites réalisés.
Documentation
Webflow

Le programme partenaire de Webflow

Le programme partenaire de Webflow
Agentic AI vs. Generative AI
Documentation
IA

IA agentique vs IA générative : Comprendre les différences fondamentales et leurs applications

IA agentique vs IA générative : Comprendre les différences fondamentales et leurs applications

Transformez votre site web en un moteur de croissance.

Nous contacter