# Comment migrer des designs et maquettes Sketch vers Figma ? Tutoriel3 minPublié le Apr 24, 2022Dernière mise à jour le ![logo sketch sur fond bleu et logo figma sur fond noir avec flèche qui va de sketch vers figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125fb447c050ab310439d9_64760069e93084646c9ef182_6265c170b18062f3ca68ca2b_Open-Graph-migration-sketch-figma.png)Sommaire [ Copied](#)[ ](#)[ ](#)[ ](#) - [H2 Example](#) Résumez cet article avec une IA[ ChatGPT](#)[ Claude](#)[ Grok](#)[ Perplexity](#)[ Google AI](#)Points clés de l'articleLa migration de vos maquettes web, wireframes, et autres visuels Sketch vers [Figma](/fr/tools/figma) peut se faire très simplement. Vous pourrez tout d'abord importer un fichier Sketch (.sketch) entier dans Figma, ce qui créera automatiquement un nouveau fichier Figma, reprenant l’ensemble des éléments graphique. Cette conversion d’un modèle graphique Sketch vers Figma se fait à 4 niveaux :   - **Conversion des pages** - **Conversion des symboles** - **Conversion des polices** - **Conversion des styles** ## Conversion des pages Sketch Figma vous permet de créer plusieurs pages au sein d’un même fichier. Chacune des **pages de votre fichier Sketch seront donc recréées à l’identique** lors de l’importation. Vous pourrez retrouver vos [nouvelles pages Figma](/fr/blog/creer-gerer-pages-figma) dans le panneau de Layer sur la gauche du mode éditeur. ## Conversion des symboles en components Figma dispose d’un **fonctionnalité “Components”, semblable à la fonctionnalité “Symbols”** de Sketch. Lors de l’exportation Sketch vers Figma, chacun de vos symboles seront donc transformés en components, et une page “Symbols” sera créée pour regrouper tous les nouveaux components du fichier. ## Conversion des polices dans Figma Les **polices utilisées sur votre Fichier Sketch seront également reprises dans Figma **lors de l’importation, à condition qu’elles existent déjà dans Figma. Figma utilise les polices du catalogue [Google Web Font](/fr/tools/adobe-fonts). Il est possible que l’importation des polices ne se fasse pas correctement, vous aurez alors un message d’erreur "Missing fonts”. Pour résoudre ce problème, vous devrez [importer vos nouvelles polices dans Figma](/fr/blog/regler-probleme-polices-manquantes-figma), puis utiliser la **fonctionnalité “Replace fonts”** pour mettre à jour tous les textes d’un coup. ## Conversion des styles Les **styles que vous aurez créé dans Sketch ne pourront malheureusement pas être copier dans Figma**. Pour faciliter le design vous devrez donc créer des nouveaux styles dans Figma. ## Importer un fichier Sketch dans Figma Il existe plusieurs méthodes pour migrer des éléments ou fichiers Skecth vers Figma. - **Glisser / Déposer un fichier .sketch **depuis un bureau vers le tableau de bord Figma. - **Télécharger un fichier .sketch** depuis un nouveau fichier Figma - **Copier / Coller des éléments graphiques** depuis un projet Sketch vers une page Figma Voici comment importer un nouveau fichier Sketch depuis un fichier Figma : ![interface editeur figma avec panneau d'importation de fichier sketch ouvert](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125fb547c050ab31043b0a_64760069e93084646c9eed83_6265c0df6b856546311fd8c5_migration-sketch-figma-depuis-editeur.png) - **Cliquer sur le menu** en haut à gauche - Aller sur l’**onglet “File”** - Cliquer sur “**New from Sketch File**” - **Sélectionner le fichier .sketch** pour l’importer [ ](#)![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)