HTML to Design par DivMagic / html.to.design
Plugin Figma pour convertir n'importe quel site web existant en maquette 100% modifiable.
HTML to Design est un plugin incontournable pour les concepteurs UI/UX travaillant dans Figma. Vous saisissez l'adresse de n'importe quel site web public, et l'outil importe l'intégralité de la page avec ses calques vectoriels, ses styles de textes, ses boutons et ses images éditables.
À quoi ça sert
- Refondre un site web existant en récupérant sa structure exacte dans Figma en 5 secondes
- Faire des audits d'ergonomie et proposer des maquettes d'amélioration à des prospects
- Analyser la typographie et la disposition des meilleurs sites mondiaux pour s'en inspirer
- Créer des bibliothèques de composants Figma à partir de vraies pages en ligne
- Accélérer considérablement le démarrage d'un projet de redesign client
Gratuit ou payant ?
Formule gratuite permettant d'importer jusqu'à 10 pages par mois. Forfait Pro à partir de 9 US$ / mois (~5 600 FCFA) pour des imports illimités avec capture multi-écrans (Mobile, Tablette, Desktop).
Vérifié le 26 octobre 2026 sur les pages officielles.
Prendre en main HTML to Design.
- 1
Installer le plugin dans Figma
Dans Figma, ouvrez le panneau Plugins et installez 'html.to.design'.
- 2
Saisir l'URL du site à cloner
Indiquez l'adresse de la page web que vous souhaitez importer dans votre maquette.
- 3
Choisir les dimensions de capture
Sélectionnez Desktop (ordinateur), Tablette ou Mobile pour obtenir la version responsive.
- 4
Cliquer sur Import
En quelques secondes, l'ensemble du site est recréé sous forme de calques Figma propres.
- 5
Modifier et réorganiser
Changez les textes, remplacez les couleurs et réagencez les blocs à votre convenance.
Limites et pièges à éviter
Nécessite le logiciel Figma. Les pages protégées par mot de passe ou comportant des animations interactives complexes peuvent nécessiter une importation par extension Chrome.