Browser-Erweiterung

Schluss mit dem Graben in DevTools.
Jedes Element mit einem Klick inspizieren.

Der CSS-Inspektor für Designer & Entwickler. Stile, Farben, Schriften kopieren — Export nach Tailwind, Flutter & 8 weitere Formate. 10x schneller als DevTools.

Chrome Chrome Brave Brave Edge Edge Opera Opera
Firefox Firefox
Safari Safari
Demnächst

Warum GetLayers?

Drei Superkräfte, die ein Dutzend Tabs in DevTools ersetzen.

10 Exportformate Pro

CSS, JSON, Tailwind, Flutter, SwiftUI, SCSS, Compose, Figma, React, Compact AI — jedes Format mit einem Klick kopieren.

CSS JSON SCSS Tailwind React JSX Flutter SwiftUI Compose Figma JSON Compact AI

KI-gestützter Workflow Pro

Der einzige CSS-Inspektor mit Claude MCP. Elemente inspizieren, Stile bearbeiten und Widgets auflisten — direkt über Ihren KI-Assistenten.

Der einzige CSS-Inspektor mit KI

Komplettes Design-Toolkit Pro

Bearbeitungsmodus, Abstände, Lineal, Screenshots — alles, was ein Designer braucht, in einer Erweiterung.

Free vs Pro

Sehen Sie alles, was Sie bekommen — und was Ihnen entgeht.

Free

Genug zum Erkunden
Inspizieren & Verstehen
✓ Live Inspect
✓ Deklarierte Werte
✓
Schrift-Inspektor
Schrift, Größe, Gewicht, Zeilenhöhe — sichtbar beim Überfahren
✓
Farbpipette
Jede Farbe von der Seite mit einem Klick kopieren
✓
Farblinse
Elementfarbe und Hintergrund — auf einen Blick
✓
Farbpalette
Alle Seitenfarben, automatisch gesammelt
— WCAG-Kontrastprüfung
—
Pipetten-Verlauf
Verlauf jeder kopierten Farbe
Kopieren & Exportieren
✓ CSS & JSON
— SCSS
— Tailwind
— Flutter
— SwiftUI
— React JSX
— Compose
— Figma JSON
— Compact AI
Bearbeiten & Gestalten
— Fixieren & Bearbeiten
—
Abstände & Lineal
Padding, Margins, Abstände zwischen Elementen. Für CSS-Animationen — Min/Max-Werte
—
CSS Diff
Zwei Elemente vergleichen: was unterschiedlich und was gleich ist
— Screenshots
—
Bearbeitungsprofile
Bearbeitete Stile als Profile speichern, die automatisch angewendet werden
Herunterladen & Teilen
—
Asset-Download
Bilder, Schriften und Hintergründe von jeder Seite
—
Vorschau & ZIP
Ein ausgewähltes Element isoliert auf einer separaten Seite anzeigen
— ZIP-Export
KI-Superkräfte
— MCP-Widget-Liste
—
MCP Inspect
KI-Assistenten verbinden, um Stile zu inspizieren und zu bearbeiten
— MCP Stile bearbeiten

Pro

Alles, was Sie brauchen
Inspizieren & Verstehen
✓ Live Inspect
✓ Deklarierte Werte
✓
Schrift-Inspektor
Schrift, Größe, Gewicht, Zeilenhöhe — sichtbar beim Überfahren
✓
Farbpipette
Jede Farbe von der Seite mit einem Klick kopieren
✓
Farblinse
Elementfarbe und Hintergrund — auf einen Blick
✓
Farbpalette
Alle Seitenfarben, automatisch gesammelt
✓ WCAG-Kontrastprüfung
✓
Pipetten-Verlauf
Verlauf jeder kopierten Farbe
Kopieren & Exportieren
✓ CSS & JSON
✓ SCSS
✓ Tailwind
✓ Flutter
✓ SwiftUI
✓ React JSX
✓ Compose
✓ Figma JSON
✓ Compact AI
Bearbeiten & Gestalten
✓ Fixieren & Bearbeiten
✓
Abstände & Lineal
Padding, Margins, Abstände zwischen Elementen. Für CSS-Animationen — Min/Max-Werte
✓
CSS Diff
Zwei Elemente vergleichen: was unterschiedlich und was gleich ist
✓ Screenshots
✓
Bearbeitungsprofile
Bearbeitete Stile als Profile speichern, die automatisch angewendet werden
Herunterladen & Teilen
✓
Asset-Download
Bilder, Schriften und Hintergründe von jeder Seite
✓
Vorschau & ZIP
Ein ausgewähltes Element isoliert auf einer separaten Seite anzeigen
✓ ZIP-Export
KI-Superkräfte
✓ MCP-Widget-Liste
✓
MCP Inspect
KI-Assistenten verbinden, um Stile zu inspizieren und zu bearbeiten
✓ MCP Stile bearbeiten
50+
Tools
10
Formate
20
Sprachen
2
Geräte

Einfache Preise

Kostenlos starten. Upgraden, wenn Sie mehr brauchen.

Pro Lebenslang
€45
Einmalzahlung
Alle 10 Formate, Bearbeitungsmodus, Abstände, Screenshots, KI — das komplette Toolkit
Lebenslangen Zugang sichern
Einmal zahlen. Für immer nutzen. Keine Verlängerung
Pro Monatlich
€2.79
pro Monat
Alle 10 Formate, Bearbeitungsmodus, Abstände, Screenshots, KI — das komplette Toolkit
Pro werden
Weniger als ein Kaffee. Jederzeit kündbar
Free
€0
für immer
9 kostenlose Tools, 2 Exportformate, 20 Sprachen
Jetzt inspizieren — Kostenlos
Keine Karte nötig. In 10 Sekunden starten
7-Tage-Geld-zurück-Garantie

FAQ

Ja! Live Inspect, CSS/JSON kopieren, Farbpipette, Schrift-Inspektor, Farblinse, Farbpalette und 20 Sprachen sind komplett kostenlos. Kein Probeabo, kein Zeitlimit.
10 Exportformate (SCSS, Tailwind, Flutter, SwiftUI, Compose, Figma JSON, Compact AI), Fixieren & Bearbeiten, Bearbeitungsprofile, Pipetten-Verlauf, Asset-Download, Abstände & Lineal, Screenshots und volle MCP-KI-Integration.
Die Pro-Lizenz funktioniert auf bis zu 2 Geräten. Sie können ein Gerät jederzeit deaktivieren, um einen Platz freizugeben.
Ja, 7-tägige Geld-zurück-Garantie, ohne Fragen.
GetLayers funktioniert mit Chrome, Brave, Edge und Opera. Firefox wird ebenfalls unterstützt. Safari-Unterstützung kommt bald.
Nach dem Kauf erhalten Sie einen Lizenzschlüssel per E-Mail. Öffnen Sie das GetLayers-Popup, gehen Sie zu Einstellungen und fügen Sie Ihren Schlüssel ein. Die Aktivierung erfolgt sofort.
Öffnen Sie die Einstellungen im GetLayers-Popup und klicken Sie auf Deaktivieren. Dadurch wird ein Geräteplatz frei. Aktivieren Sie dann auf Ihrem neuen Gerät mit demselben Schlüssel.
Ihr Lizenzschlüssel wird lokal gespeichert. Nach der Neuinstallation geben Sie Ihren Schlüssel in den Einstellungen erneut ein. Wenn beide Plätze belegt sind, deaktivieren Sie zuerst einen.
Wir nutzen Gumroad für Zahlungen. Dort werden alle gängigen Kreditkarten, PayPal und Apple Pay akzeptiert.
Monatliche und jährliche Pläne verlängern sich automatisch. Lebenslang ist einmalig — für immer Ihres, inklusive aller zukünftigen Updates.

Kontakt aufnehmen

Haben Sie eine Frage, einen Fehler gefunden oder möchten zusammenarbeiten? Schreiben Sie uns.

Nachricht gesendet!
Wir melden uns so schnell wie möglich bei Ihnen.