GetLayers: CSS-Inspektor & Asset-Downloader von GetLayers, PajaTools

Ein Design gefunden, das dir gefällt? Hovern, klicken, und es gehört dir.

GetLayers macht jede Website zu einer Quelle, aus der du kopieren kannst. Inspiziere ein Element, erhalte sauberen Code für deinen Stack, füge es als echte Ebenen in Figma ein, miss die Abstände, wähle Farben und Schriften aus und speichere die Bilder, Icons, Videos, Audios, Schriften und Dateien, die die Seite verwendet. Kein Gewühle in den DevTools, keine Screenshots und kein Raten.

INSPIZIEREN UND KOPIEREN MIT EINEM KLICK
- Hovere über ein beliebiges Element und sieh Stile, Box-Modell, Typografie, Farben und Kontrast auf einen Blick
- Klicke, um den Code zu kopieren und das Element zu fixieren, und bewege dich dann mit den Pfeiltasten über die Seite
- Export in 10 Code-Formate für Web, Mobile und Design-Tools, von reinem CSS bis Tailwind, React, Flutter oder SwiftUI
- Zeige ein Element einzeln als Vorschau, mach einen sauberen Screenshot davon oder exportiere alle Widgets als ZIP

IN FIGMA KOPIEREN (Pro, Beta)
- Füge ein Element oder die ganze Seite mit Cmd+V oder Ctrl+V in Figma ein
- Du erhältst echte Frames, Texte und Bilder mit Auto Layout, kein flaches Bild
- Exportiere einen Styleguide mit den Farben und Textstilen der Seite

DOWNLOAD-FENSTER (G drücken)
- Jedes Bild der Seite, auch CSS-Hintergründe, responsive Versionen, SVG-Icons, Lottie und Rive
- Größen sind gruppiert und die beste Qualität ist markiert, damit du nie ein verpixeltes Vorschaubild speicherst
- Videos mit Vorschaubild, Streams als einzelne Datei und Untertitel als VTT oder SRT
- Audio, Schriften mit Live-Vorschau sowie die PDFs, Dokumente und Archive, auf die die Seite verlinkt
- Suche, Filter, Dateinamen-Vorlagen, Links kopieren und eine Liste der letzten Downloads
- Jedes gefundene Video landet in einer Warteschlange, und Downloads laufen weiter, auch wenn die Seite neu lädt
- Pro-Tools: Scrollen und Sammeln, Bilder konvertieren und skalieren, Icons für Code exportieren, Schriften als TTF oder OTF mit einem Font-Kit-ZIP

LIVE BEARBEITEN, DIREKT AUF DER SEITE
- Ändere jeden Stil und sieh das Ergebnis sofort, mit Rückgängig
- Speichere deine Änderungen als Profile, die beim nächsten Mal automatisch angewendet werden
- Vergleiche zwei Elemente nebeneinander, um Unterschiede zu sehen
- Verschiebe Elemente, um ein neues Layout auszuprobieren

MESSEN WIE EIN DESIGNER
- Abstands-Overlays für Padding, Margin und Gaps
- Ein Lineal für den genauen Abstand zwischen zwei Elementen
- Die Farbpalette der Seite und ein Schrift-Inspektor

FÜR KI-WORKFLOWS GEBAUT
- Verbinde deinen KI-Coding-Assistenten über den integrierten MCP-Server, damit er Elemente inspizieren und Stile auf einer Live-Seite bearbeiten kann

SCHNELL UND ANGENEHM
- Wähle beim ersten Start, wie du GetLayers nutzt: Stile inspizieren und kopieren oder Assets herunterladen. Jederzeit in den Einstellungen umschaltbar
- Eine Symbolleiste, die du überallhin ziehen kannst, plus eine DevTools-Seitenleiste
- Tastenkürzel für alles, mit ? siehst du alle
- In 20 Sprachen verfügbar

KOSTENLOS UND PRO
Der kostenlose Plan enthält Live-Inspektion, CSS- und JSON-Kopie, die Farb- und Schrift-Tools, die DevTools-Seitenleiste und ein eingeschränktes Download-Fenster. Kein Konto nötig.
Pro schaltet alle Formate, In Figma kopieren, Live-Bearbeitung mit Profilen, Messwerkzeuge, Elementvergleich, Screenshots, ZIP-Export, unbegrenzte Downloads mit den Pro-Tools und die KI-Integration frei. 7 Tage Geld-zurück-Garantie.
Teste Pro 7 Tage kostenlos: Hol dir einen kostenlosen Schlüssel per E-Mail und füge ihn in den Einstellungen ein, ohne Karte.

DATENSCHUTZ
Keine Werbung, kein Konto für den kostenlosen Plan. Deine Seiten, Änderungen, Downloads und die Adressen, die du besuchst, verlassen nie deinen Browser. Pro sendet deinen Lizenzschlüssel zur Prüfung. Anonyme Zählungen, welche Funktionen genutzt werden, werden nur gesendet, wenn du es erlaubst, und lassen sich in den Einstellungen ausschalten. Das optionale Feedback-Formular sendet nur, was du eingibst, plus Erweiterungsversion, Browser, System, Sprache und Plan.

HINWEIS
GetLayers speichert Dateien, die dein Browser bereits lädt. Beachte Urheberrecht und Nutzungsbedingungen der Seiten. DRM-geschützte Streams und YouTube-Videos werden nicht unterstützt.

Website und Preise: https://getlayers.pro
Fragen oder Ideen: getlayers.help@gmail.com