Comment importer des fichiers dans Figma ?

Tutoriel
April 24, 2022
1 min
rond jaune dans carré blanc avec flèche vers éditeur figma sur fond violet
Points clés de l'article

Lorsque 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 sont variées, et vont dépendre du type de fichier que vous utilisez et de vos besoins. 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)
  1. Depuis votre interface principale Figma, cliquez en haut à gauche sur l’icone “Import”
  2. Choisissez sur votre ordinateur le fichier à importer et cliquez sur “Ouvrir”
  3. 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

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
  1. Faites un simple glisser / déposer d’un fichier, depuis votre ordinateur, vers votre interface principale Figma.
  2. 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

Copier / Coller des composants

Les copier / coller supportent les fichiers suivants :

✅ Images (PNG, JPG, GIF)
Fichiers vectorisés (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
Thomas Labonne
Co-fondateur

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