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.