# Comment importer des fichiers dans Figma ? Tutoriel3 minPublié le Apr 24, 2022Dernière mise à jour le ![rond jaune dans carré blanc avec flèche vers éditeur figma sur fond violet](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671260b770e600616a5f6206_64760069e93084646c9ef17d_6265b0740bb437e5b5cd9be6_Open-Graph-comment-importer-fichier-figma.png)Sommaire [ Copied](#)[ ](#)[ ](#)[ ](#) - [H2 Example](#) Résumez cet article avec une IA[ ChatGPT](#)[ Claude](#)[ Grok](#)[ Perplexity](#)[ Google AI](#)Points clés de l'articleLorsque vous réalisez un projet web, vous avez souvent besoin d’exporter des designs d’un outil vers un autre. Les [méthodes d'importations de designs dans Figma ](/fr/blog/comment-importer-fichiers-figma)sont variées, et vont dépendre du type de fichier que vous utilisez et de vos besoins. [Figma ](/fr/tools/figma)simplifie l’export / import de vos maquettes et prototypes, à l’aide de plusieurs fonctionnalités : - **Outil d’importation** - **Fonctionnalité de Glisser / Déposer** - **Copier / Coller** ## Utiliser l'importateur de fichier L’outil d’importation Figma supporte les fichiers suivants : > ✅ Fichiers Sketch (.sketch) ✅ Fichiers Figma (.fig) ✅ Images (PNG, JPG, HEIC, GIF) - Depuis votre interface principale Figma,** cliquez en haut à gauche sur l’icone “Import”** - **Choisissez** sur votre ordinateur** le fichier à importer **et cliquez sur “Ouvrir” - Un pop-up s’ouvre pour vous indiquer si l’importation a réussi ou échoué. **Cliquez sur “Done”** ![tableau de bord figma avec fonctionnalité d'importation entouré en bleu](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671260b770e600616a5f62b1_64760069e93084646c9eed63_6265b0bcf535255f2bb8299b_importateur-fichier-figma.png) ## Importer par Glisser / Déposer de design La fonctionnalité de Glisser / Déposer supporte les fichiers suivants : > ✅ Fichiers Sketch (.sketch) ✅ Fichiers Figma (.fig) ✅ Images (PNG, JPG, GIF) ✅ Fichiers vectorisés (SVG) vers un fichier Figma - Faites un simple **glisser / déposer d’un fichier, depuis votre ordinateur**, vers votre interface principale Figma. - Un pop-up s’ouvre pour vous indiquer si l’importation a réussi ou échoué. **Cliquez sur “Done”** ![glisser déposer de fichier depuis un dossier dans l'interface figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671260b870e600616a5f62ca_64760069e93084646c9eed64_6265ad6049f29c5fa9f49fa7_glisser-deposer-fichier-figma.gif) ## Copier / Coller des composants Les copier / coller supportent les fichiers suivants : > ✅ Images (PNG, JPG, GIF) ✅[ Fichiers vectorisés](/fr/blog/inserer-icone-svg-code-site-web) (SVG) vers un fichier Figma La fonctionnalité de copier / coller de vos éléments** fonctionne lorsque vous intervenez directement sur le mode éditeur de Figma**. Vous ne pourrez donc pas copier coller de fichiers directement dans le tableau de bord.  [ ](#)![Thomas Labonne](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a45970e82f1635d9e4d7f_thomas-website%20(1).webp)Thomas LabonneCo-fondateur[ ](/fr/team/thomas-labonne)[ ](https://fr.linkedin.com/in/thomas-labonne-digidop)[ ](#)+1200 lecteurs ## Restez informé(e) Abonnez-vous à notre newsletter pour des conseils et actus exclusives. [S'inscrire ](https://digidopfr.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Prévisualiser la Newsletter ](https://digidopfr.substack.com/) ## Articles qui devraient vous intéresser ![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab92cc629d6018592f49d92_Best%20B2B%20SaaS%20Agencies%20in%202026_FR.webp)DocumentationTout voir ### Top 20 meilleures agences web et digitales pour SaaS B2B en 2026 [Top 20 meilleures agences web et digitales pour SaaS B2B en 2026](/fr/blog/top-agences-b2b-saas)Top 20 meilleures agences web et digitales pour SaaS B2B en 2026![Interface Webflow Source montrant les agents IA, l’édition de site et les Views par métier dans un espace de travail unifié.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDéveloppementTout voir ### Webflow lance Source. Notre avis sur ce shift. [Webflow lance Source. Notre avis sur ce shift.](/fr/blog/webflow-lance-source)Webflow lance Source. Notre avis sur ce shift.![Taux de citation par plateforme IA : ChatGPT 100 %, Perplexity 100 %, Gemini 67 % et Claude 0 %.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationIATout voir ### Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA [Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA](/fr/blog/comment-rendre-son-site-visible-chatgpt-perplexity-et-moteurs-ia)Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA[Voir tous les articles ](/fr/blog)Les meilleurs projets web commencent par une conversation[Discuter avec un expert ](/fr/contact)[Réserver un appel ](/fr/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)