# Exporter le code d'une image vectorisée SVG avec Figma

Tutoriel3 minPublié le Jul 18, 2022Dernière mise à jour le ![Digidop blog](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123bb7cbda4cfe2498a902_64760069e93084646c9ef197_62d7d3949028bc0da811f96f_Open-Graph-digidop-blog-webp.webp)Sommaire

[

Copied](#)[

](#)[

](#)[

](#)
- [H2 Example](#)

Résumez cet article avec une IA[

ChatGPT](#)[

Claude](#)[

Grok](#)[

Perplexity](#)[

Google AI](#)Points clés de l'articleDans un précédent tutoriel, nous vous avions montré comment [récupérer le code HTML de n'importe quel fichier SVG](/fr/blog/recuperer-code-html-fichier-svg). Aujourd'hui, nous allons vous présenter une autre manière de le faire (plus rapide) directement dans Figma en 2 clics.

## Étape 1 : Importer votre SVG dans Figma

La première étape de ce tutoriel consiste à insérer votre fichier SVG dans Figma ou créer un vecteur dans l'outil de design. 

## Étape 2 : Sélectionnez votre SVG

Après l'avoir importé, vous allez sélectionner votre fichier dans [Figma](/fr/tools/figma) en cliquant dessus.

## Étape 3 : Copier comme SVG

Une fois sélectionné, vous allez faire un clic droit, survolé "**Copy/Paste as**", puis cliquer sur "**Copy as SVG**". Cette manipulation va vous permettre, si vous collez (cmd ou ctrl + V) dans un éditeur de texte, d'avoir le code HTML de votre image vectorielle.

![copier comme svg figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123bb9cbda4cfe2498aac9_64760069e93084646c9eee9b_62d51fb29e56e19ebc1e5f82_copier-comme-svg-figma.webp)

## Étape 4 : Coller le code SVG

Vous n'avez plus qu'à coller ce que vous avez copié dans un éditeur de texte. Par exemple dans un embed [Webflow](/fr/webflow), dans un bloc note, dans un tableur, bref là où vous le souhaitez.

![coller code svg fichier figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123bb9cbda4cfe2498aacd_64760069e93084646c9eee9c_62d51fbade19136b857cbcab_code-html-fichier-svg.webp)

Voilà, vous pouvez maintenant récupérer le code d'une image vectorielle très rapidement grâce à Figma. Vous pouvez maintenant découvrir comment [convertir en PNG en SVG depuis Figma](/fr/blog/convertir-png-en-svg-figma).

[

](#)![Thibaut Legrand](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a47ec4cabceb0d6aa7c2e_thibaut-website%20(1).webp)Thibaut LegrandCo-fondateur de Vydera & Technical Solutions Architect[

](/fr/team/thibaut-legrand)[

](https://www.linkedin.com/in/thibaut-legrand-digidop/)[

](https://twitter.com/lgd_thibaut)+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)