Design Lens - Webdesign-Inspektor

Pruefen Sie Farben, Schriften, Bilder und Elementgroessen direkt auf der aktuellen Webseite.

Design Lens ist ein leichtgewichtiges Tool zur Prüfung von Webseitendesign, entwickelt für Designer, Frontend-Entwickler, Produktteams und QA-Prüfer. Es hilft Ihnen, visuelle Details der aktiven Webseite schnell zu überprüfen, ohne in einen komplexen Design- oder Entwicklungsworkflow zu wechseln. Nach dem Klick auf die Erweiterung können Sie Farben, Typografie, Bildinformationen und grundlegende Elementgrößen direkt auf der Seite prüfen. Kernfunktionen: Sichtbare Seitenfarben aufnehmen und HEX-, RGB- oder HSL-Werte kopieren. Textstile prüfen, einschließlich Schriftfamilie, Schriftgröße, Zeilenhöhe, Schriftstärke und Farbe. Bilder nach Originalgröße, angezeigter Größe, Format, Alt-Text und Warnungen für zu große Assets scannen. Elementbreite, Elementhöhe und einfache Abstände mit einem leichten Linealmodus prüfen. Einzelne Ergebnisse kopieren, aktuelle Stichproben kopieren oder gesammelte Daten exportieren. Sprache, Designmodus, Hover-Hilfslinien und aktuelle Stichproben lokal speichern. So verwenden Sie Design Lens: Öffnen Sie eine unterstützte Webseite. Klicken Sie auf die Design Lens Erweiterung. Wählen Sie Color, Font, Images, Ruler oder Element. Starten Sie die Prüfung und klicken Sie auf Seitenelemente, um visuelle Details zu erfassen. Kopieren oder exportieren Sie die benötigten Ergebnisse. Datenschutz: Design Lens läuft lokal in Ihrem Browser, nachdem Sie auf die Erweiterung geklickt haben. Es lädt keine Webseiteninhalte, Screenshots, Browserverläufe, Cookies, Kontodaten oder Benutzerdateien hoch. Einstellungen und aktuelle Stichproben werden lokal im Browserspeicher gespeichert. Einschränkungen: Design Lens ist ein Hilfswerkzeug zur visuellen Prüfung. Es bearbeitet keine Webseiten, komprimiert keine Bilder, erzeugt keine Designdateien, erstellt keine Ganzseiten-Screenshots und synchronisiert keine Daten mit einem Konto.