GetLayers: inspektor CSS i pobieranie zasobów Autor: GetLayers, PajaTools

Widzisz projekt, który Ci się podoba? Najedź na niego, kliknij i jest Twój.

GetLayers zamienia każdą stronę internetową w źródło, z którego możesz kopiować. Sprawdź element, weź czysty kod dla swojego stacku, wklej go do Figmy jako prawdziwe warstwy, zmierz odstępy, wybierz kolory i czcionki oraz zapisz obrazy, ikony, filmy, dźwięki, czcionki i pliki używane na stronie. Bez grzebania w DevTools, bez zrzutów ekranu i zgadywania.

SPRAWDZAJ I KOPIUJ JEDNYM KLIKNIĘCIEM
- Najedź na dowolny element, aby od razu zobaczyć jego style, model pudełkowy, typografię, kolory i kontrast
- Kliknij, aby skopiować kod i przypiąć element, a potem poruszaj się po stronie strzałkami
- Eksportuj do 10 formatów kodu dla webu, mobile i narzędzi projektowych, od zwykłego CSS po Tailwind, React, Flutter czy SwiftUI
- Wyświetl podgląd samego elementu, zrób jego czysty zrzut ekranu albo wyeksportuj wszystkie widżety do ZIP

KOPIOWANIE DO FIGMY (Pro, beta)
- Wklej element lub całą stronę do Figmy skrótem Cmd+V lub Ctrl+V
- Dostajesz prawdziwe ramki, tekst i obrazy z auto layoutem, a nie płaski obrazek
- Wyeksportuj przewodnik stylu z kolorami strony i stylami tekstu

OKNO POBIERANIA (naciśnij G)
- Każdy obraz ze strony, w tym tła CSS, wersje responsywne, ikony SVG, Lottie i Rive
- Rozmiary są pogrupowane, a najlepsza jakość oznaczona, więc nigdy nie zapiszesz rozmytej miniatury
- Filmy z klatką podglądu, strumienie zapisane jako jeden plik i napisy jako VTT lub SRT
- Dźwięk, czcionki z podglądem na żywo oraz pliki PDF, dokumenty i archiwa, do których prowadzi strona
- Wyszukiwarka, filtry, szablony nazw plików, kopiowanie linków i lista ostatnich pobrań
- Każdy znaleziony film trafia do kolejki, a pobieranie trwa nawet po przeładowaniu strony
- Narzędzia Pro: przewijanie i zbieranie, konwersja i zmiana rozmiaru obrazów, eksport ikon do kodu, czcionki jako TTF lub OTF z zestawem czcionek w ZIP

EDYTUJ NA ŻYWO, WPROST NA STRONIE
- Zmień dowolny styl i od razu zobacz efekt, z możliwością cofnięcia
- Zapisuj zmiany jako profile, które następnym razem stosują się automatycznie
- Porównaj dwa elementy obok siebie, aby zobaczyć, czym się różnią
- Przesuwaj elementy, aby wypróbować nowy układ

MIERZ JAK PROJEKTANT
- Nakładki z odstępami dla padding, margin i gap
- Linijka do pomiaru dokładnej odległości między dwoma elementami
- Paleta kolorów strony i inspektor czcionek

STWORZONE DLA PRACY Z AI
- Połącz swojego asystenta kodowania AI przez wbudowany serwer MCP, aby mógł sprawdzać elementy i edytować style na działającej stronie

SZYBKIE I PRZYJAZNE
- Przy pierwszym uruchomieniu wybierz, jak korzystasz z GetLayers: sprawdzanie i kopiowanie stylów albo pobieranie zasobów. Zmienisz to w każdej chwili w Ustawieniach
- Pasek narzędzi, który przeciągniesz w dowolne miejsce, oraz panel boczny DevTools
- Skróty klawiszowe do wszystkiego, naciśnij ?, aby zobaczyć je wszystkie
- Dostępne w 20 językach

DARMOWE I PRO
Plan darmowy obejmuje Podgląd na żywo, kopiowanie CSS i JSON, narzędzia do kolorów i czcionek, panel boczny DevTools oraz ograniczone okno pobierania. Konto nie jest potrzebne.
Pro odblokowuje wszystkie formaty, kopiowanie do Figmy, edycję na żywo z profilami, narzędzia pomiarowe, porównywanie elementów, zrzuty ekranu, eksport do ZIP, nielimitowane pobieranie z narzędziami Pro oraz integrację z AI. 7-dniowa gwarancja zwrotu pieniędzy.
Wypróbuj Pro za darmo przez 7 dni: odbierz darmowy klucz e-mailem i wklej go w Ustawieniach, bez karty.

PRYWATNOŚĆ
Bez reklam, bez konta w planie darmowym. Twoje strony, edycje, pobrane pliki i odwiedzane adresy nigdy nie opuszczają przeglądarki. Pro wysyła Twój klucz licencyjny w celu jego sprawdzenia. Anonimowe statystyki użycia funkcji są wysyłane tylko wtedy, gdy na to pozwolisz, i możesz je wyłączyć w Ustawieniach. Opcjonalny formularz opinii wysyła tylko to, co wpiszesz, oraz wersję rozszerzenia, przeglądarkę, system, język i plan.

WAŻNE
GetLayers zapisuje pliki, które Twoja przeglądarka już wczytuje. Szanuj prawa autorskie i regulaminy stron. Strumienie chronione DRM i filmy z YouTube nie są obsługiwane.

Strona i cennik: https://getlayers.pro
Pytania lub pomysły: getlayers.help@gmail.com