Exporter un PDF en SVG pour Figma, Inkscape ou Illustrator
Les designers ont souvent besoin de récupérer des éléments graphiques depuis un PDF — un logo livré uniquement en PDF, un diagramme d'architecture, un schéma technique — pour les réutiliser et les modifier dans leurs outils de design. La conversion en SVG est la méthode qui préserve la nature vectorielle des éléments et permet une édition complète dans Figma, Inkscape, Illustrator ou Affinity Designer. L'outil PDF en SVG de WikiPlus réalise cette conversion en quelques secondes, localement dans votre navigateur.
Workflow : de PDF à SVG éditable dans Figma
Le processus complet pour importer un élément PDF dans Figma via SVG se déroule en quatre étapes. Ouvrez l'outil PDF en SVG de WikiPlus dans votre navigateur et déposez votre PDF. Cliquez sur Convertir en SVG et attendez quelques secondes que la conversion s'effectue localement. Téléchargez le fichier SVG pour la ou les pages qui vous intéressent. Dans Figma, faites glisser le SVG directement sur votre canvas, ou utilisez le menu Fichier > Importer pour localiser le fichier. Les éléments apparaissent dans le panneau de couches, sélectionnables individuellement. Vous pouvez ensuite modifier les couleurs, redimensionner sans perte de qualité, réorganiser les éléments ou extraire des composants spécifiques pour les réutiliser dans votre design system. Une précaution : si le PDF contient des polices non installées sur votre machine, Figma substitue des polices système similaires. Pour les textes dont la typographie doit être exactement préservée, demandez à la source d'origine de vous fournir les polices, ou convertissez le texte en contours dans le PDF avant la conversion SVG.
Workflow : de PDF à SVG éditable dans Inkscape
Inkscape (gratuit, open source) offre une compatibilité SVG native et complète, ce qui en fait l'outil idéal pour éditer les SVG produits par cet outil. Après conversion dans WikiPlus, ouvrez Inkscape et utilisez Fichier > Importer (ou faites simplement glisser le SVG dans la fenêtre d'Inkscape). Le contenu apparaît comme un groupe d'objets. Utilisez Objet > Dégrouper (Ctrl+Shift+G) une ou plusieurs fois pour accéder aux éléments individuels — chemins, textes, images raster intégrées. Vous pouvez alors modifier les couleurs de remplissage et de contour, transformer les formes, éditer le texte si les polices sont disponibles, supprimer des éléments et réorganiser la structure. Inkscape vous permet également de re-vectoriser les images raster intégrées via Chemin > Vectoriser un objet matriciel (Ctrl+Shift+B), bien que les résultats varient selon la complexité de l'image. Pour réexporter en PDF depuis Inkscape, utilisez Fichier > Enregistrer une copie en PDF, qui produit un PDF vectoriel propre à partir de vos modifications.
Gérer les polices lors de l'import de SVG dans les outils de design
La gestion des polices est le principal défi lors de l'import de SVG issu de PDF dans les outils de design. Les éléments de texte dans le SVG référencent les polices par leur nom (font-family), mais si ces polices ne sont pas installées sur votre système, l'application de design substitue une police système générique, modifiant le rendu typographique. Plusieurs approches permettent de contourner ce problème. La conversion en contours dans le PDF source (avant la conversion SVG) : dans Adobe Acrobat Pro ou InDesign, sélectionnez tout le texte, faites clic droit > Créer des contours (ou Type > Créer des contours dans Illustrator). Le texte devient des chemins vectoriels sans dépendance de police. La résolution des polices dans l'outil de design : si vous avez les polices, installez-les sur votre système avant d'importer le SVG. Figma et Illustrator les détecteront automatiquement. L'utilisation de polices de substitution proches : pour les textes sans valeur typographique critique (corps de texte générique), la substitution automatique par une police système similaire est souvent acceptable visuellement.
SVG vs PDF : quand conserver le PDF original
La conversion en SVG n'est pas toujours la meilleure approche. Conservez le PDF original dans les cas suivants. Pour l'impression professionnelle : les PDF, surtout ceux en PDF/X, sont le standard industriel pour l'envoi chez les imprimeurs. Les SVG peuvent être moins bien supportés selon le RIP de l'imprimeur. Pour l'archivage documentaire : le PDF est le format d'archivage long terme standardisé (PDF/A). Pour les documents avec beaucoup de photos : les images raster dans le SVG sont encodées en base64, ce qui produit des fichiers plus volumineux sans avantage vectoriel. Pour les signatures numériques : la conversion SVG invalide toute signature numérique présente dans le PDF original. Pour les formulaires interactifs : les champs de formulaire PDF ne sont pas convertis en éléments interactifs SVG équivalents. La conversion en SVG est optimale pour les éléments purement graphiques et vectoriels — logos, icônes, diagrammes, schémas — qu'on souhaite réutiliser ou modifier dans un environnement de design numérique.
Questions fréquemment posées
- Le SVG préserve-t-il exactement les couleurs du PDF original ?
- Oui pour les couleurs RVB. Les valeurs de couleur sont préservées comme propriétés CSS dans le SVG (fill, stroke). Pour les PDF professionnels en mode CMJN (impression), les couleurs sont converties en RVB lors de la conversion SVG, ce qui peut produire de légères différences visuelles selon les profils de couleur utilisés.
- Peut-on convertir un PDF protégé par mot de passe en SVG ?
- Oui. Si le PDF est protégé par un mot de passe d'ouverture, un champ de saisie apparaît. Entrez le mot de passe et la conversion procède normalement. Pour les PDF avec restriction de modification ou de copie sans mot de passe d'ouverture, la conversion SVG est possible car l'export en SVG est traité comme un rendu de page plutôt qu'une copie de contenu.
- Le SVG peut-il être utilisé comme favicon ou icône d'application web ?
- Oui. Les navigateurs modernes supportent les favicons SVG via la balise link rel=icon type=image/svg+xml. Les icônes SVG s'adaptent nativement à toutes les résolutions (retina, standard) et aux modes clair/sombre via les media queries CSS intégrées dans le SVG.