Design Lens - Inspecteur de design web

Inspectez couleurs, polices, images et tailles d'elements sur la page actuelle pour revoir le design.

Design Lens est un inspecteur léger de design de pages web, conçu pour les designers, les développeurs frontend, les créateurs de produits et les équipes QA. Il vous aide à inspecter rapidement les détails visuels de la page active, sans passer par un outil de design ou un workflow de développement lourd. Après avoir cliqué sur l’extension, vous pouvez vérifier directement sur la page les couleurs, la typographie, les métadonnées des images et les dimensions de base des éléments. Fonctionnalités principales : Prélever les couleurs visibles de la page et copier les valeurs HEX, RGB ou HSL. Inspecter les styles de texte, notamment la famille de police, la taille, la hauteur de ligne, l’épaisseur et la couleur. Analyser les images pour voir leur taille originale, leur taille affichée, leur format, leur texte alt et les alertes d’images trop lourdes. Vérifier la largeur, la hauteur et les espacements simples avec un mode règle léger. Copier un résultat, copier les échantillons récents ou exporter les données collectées. Enregistrer localement la langue, le thème, les repères au survol et les échantillons récents. Utilisation : Ouvrez une page web prise en charge. Cliquez sur l’extension Design Lens. Choisissez le mode Color, Font, Images, Ruler ou Element. Lancez l’inspection et cliquez sur les éléments de la page pour collecter les détails visuels. Copiez ou exportez les résultats nécessaires. Confidentialité : Design Lens fonctionne localement dans votre navigateur après votre clic sur l’extension. Il ne téléverse pas le contenu des pages, les captures d’écran, l’historique de navigation, les cookies, les données de compte ni les fichiers utilisateur. Les préférences et les échantillons récents sont stockés localement via le stockage du navigateur. Limites : Design Lens est un outil d’aide à l’inspection visuelle. Il ne modifie pas les pages web, ne compresse pas les images, ne génère pas de fichiers de design, ne capture pas de pages entières et ne synchronise pas les données avec un compte.