Qu'est-ce que MiroMiro ?

MiroMiro est une extension Chrome qui vous permet d'inspecter, copier et exporter les éléments de design de n'importe quel site web sans ouvrir les DevTools. Survolez n'importe quel élément pour récupérer instantanément son CSS, ses couleurs, ses polices et ses espacements. Téléchargez des images, des SVG et des animations Lottie en un clic. Extrayez des tokens de design complets et exportez-les en tant que configuration Tailwind ou variables CSS. Conçu pour les designers et développeurs qui veulent arrêter de tout reconstruire à partir de zéro et livrer plus rapidement.

À qui s'adresse-t-il

• Développeurs frontend qui ont besoin de rétro-ingénierie de composants UI et de copier du Tailwind + HTML prêt pour la production directement dans Cursor, Claude ou v0
• Designers qui souhaitent extraire les couleurs de marque, les polices et les tokens de design de sites en ligne sans fouiller dans les DevTools
• Constructeurs no-code qui ont besoin de récupérer rapidement des assets, des animations et des systèmes de design pour accélérer leur flux de travail

Fonctionnalités clés

Inspecteur en direct

Survolez n'importe quel élément sur un site en ligne pour voir son CSS. Modifiez une couleur, une police ou un padding en ligne et regardez la page se mettre à jour en temps réel. Copiez vos valeurs modifiées en CSS ou Tailwind sans perdre les changements lors du rechargement.

Exportation en code

Cliquez sur n'importe quel élément et obtenez un Tailwind + HTML propre et sémantique prêt à coller dans Cursor, Claude ou v0. Fini les suppositions ou les descriptions d'UI à votre IA — le code exact est à vous en un clic.

Extracteur d'assets

Récupérez n'importe quelle image en qualité originale sans inspecter le DOM. Exportez en PNG, JPG ou WebP. Extrayez des SVG en ligne, des icônes ou des illustrations en tant que vecteurs réels — entièrement modifiables. Téléchargez des animations Lottie en JSON pour les utiliser dans After Effects ou LottieFiles.

Extraction de tokens de design

Récupérez chaque couleur, police, rayon et ombre d'un site en ligne en tant que configuration Tailwind ou variables CSS brutes. Choisissez un pixel ou extrayez une palette de marque complète et exportez en hex, RGB, HSL ou OKLCH directement vers Tailwind, Figma ou votre système de design.

Ce qui le distingue

"Fini de fouiller dans les devtools pour trouver les couleurs, polices, espacements, assets — tout est là instantanément."

MiroMiro élimine les frictions de l'inspection de design traditionnelle. Au lieu de naviguer dans des arborescences DevTools complexes, vous survolez, cliquez et copiez. L'extension fonctionne entièrement en local — rien ne quitte votre navigateur. Vous pouvez marquer des composants, des couleurs et des assets pour constituer un fichier de référence personnel qui s'enrichit à chaque site visité. Il inclut également une vérification intégrée des contrastes WCAG pour les paires de texte et d'UI selon les normes AA et AAA.

À essayer si…

Vous en avez assez de décrire l'UI à votre IA ou de prendre des captures d'écran qui ne se traduisent pas en code réel. MiroMiro est particulièrement utile si vous faites souvent de la rétro-ingénierie de pages d'atterrissage, reconstruisez rapidement des UI ou souhaitez extraire des systèmes de design de sites en ligne sans inspection manuelle. C'est gratuit pour commencer avec un essai Pro de 3 jours et aucune carte de crédit requise.