Każda strona WWW jako
edytowalne warstwy Figmy
Prawdziwy tekst, kolory, Auto Layout i komponenty, które możesz zmieniać. Nie zrzut ekranu. Nawet strony wymagające zalogowania. A wszystko dzieje się na Twoim komputerze — nic nigdzie nie jest wysyłane.
Potrzebujesz obu: rozszerzenie przechwytuje stronę, wtyczka do Figmy ją wkleja. Oba darmowe, instalacja zajmuje minutę.
Jak to działa
Przechwyć to, co widzisz
Copy for Figma
Zainstaluj wtyczkę i wklej
Zbudowane dla stron, do których inne narzędzia nie sięgają
Snapture czyta żywą stronę w Twojej przeglądarce, więc co widzisz, to przechwycisz — panele za logowaniem, narzędzia wewnętrzne, otwarte szuflady i popovery, łącznie z web componentami i iframe'ami.
Strony za logowaniem
Przechwytywanie działa w karcie, w której już jesteś zalogowany, więc narzędzia wewnętrzne, płatne panele i strony staging konwertują się dokładnie tak, jak je widzisz.
Auto Layout wierny co do piksela PRO
Układy flex i grid stają się prawdziwym Auto Layoutem — ale tylko wtedy, gdy silnik Figmy ustawi każde dziecko z dokładnością do pół piksela. Jeśli nie, dostajesz dokładne współrzędne bezwzględne. Nic się nigdy nie przesuwa.
Ikony przechodzą w komplecie
Ikony na maskach CSS, sprite'y SVG, fonty ikon — trzy sposoby rysowania ikon, które konwertery zwykle gubią. Snapture obsługuje wszystkie trzy.
Wykresy, mapy, 3D
Canvasów WebGL i osadzeń z innych domen nikt nie zamieni na warstwy — Snapture wstawia więc ostry zrzut dokładnie tego obszaru zamiast szarego prostokąta. Iframe'y z tej samej domeny idą dalej: zamieniają się w prawdziwe warstwy.
Komponenty i style PRO
Powtarzające się karty stają się komponentem z instancjami. Powtarzana typografia i kolory stają się stylami, a kolory zdefiniowane przez stronę jako zmienne CSS trafiają do Figmy pod własnymi nazwami strony — brand-primary, nie kod hex.
Przekazanie przez schowek
Przechwyć i wklej. Bez pliku — przechwycenie wędruje do wtyczki przez Twój schowek i nie dotyka żadnego serwera.
Przechwytywanie seryjne PRO
Wklej listę adresów URL albo pobierz je z sitemapy strony, a Snapture otworzy i przechwyci każdy z nich. Do 30 stron na przebieg.
PROwszystkich funkcji jest dostępnych w każdym z 5 darmowych przechwyceń — bez karty, bez rejestracji. Pro tylko zdejmuje limit.
Poradniki
Pisane na podstawie prawdziwych przechwyceń i prawdziwych awarii, nie listy funkcji.
Why Figma Auto Layout breaks after importing a web page
Flexbox and Figma's Auto Layout are different systems that look alike. Here is where they disagree, why converters apply Auto Layout anyway, and how to tell whether yours checked.
Why icons go missing when you import a web page into Figma
Icons on the web are drawn four different ways — inline SVG, sprites, icon fonts and CSS masks — and each one breaks differently on import. How to tell which you have, and what a converter has to do about it.
How to import a page behind a login into Figma
URL-based converters return the login screen because a server cannot see a page that requires being you. What actually works, what several tools now offer, and the question worth asking instead.
Nic nie opuszcza Twojego komputera.
Manifest wtyczki do Figmy deklaruje networkAccess: "none", a egzekwuje to sama Figma. Wtyczka nie wykona żądania sieciowego, nawet gdyby chciała. To nie polityka, której obiecujemy przestrzegać, tylko zdolność, której po prostu nie mamy.
Otwórz DevTools podczas przechwytywania i patrz na zakładkę network — zobaczysz te żądania i nic poza nimi. Szczegóły w polityce prywatności.
Bez serwera w obiegu — z samej konstrukcji
Inne narzędzia da się skonfigurować tak, by przechwycenie zostało lokalnie. W Snapture nie ma ustawienia, które można by pomylić, bo od początku nie istnieje serwer, do którego cokolwiek mogłoby popłynąć.
| Snapture | Narzędzia ze ścieżką serwerową | |
|---|---|---|
| Jeśli ma być prywatnie | Zawsze jest | Musisz wybrać opcję lokalną |
| Co daje darmowy plan | Pełne funkcje, 5 przechwyceń | Miesięczny limit |
| Stan zalogowania / interakcji | Tak, zawsze | Różnie |
| Wymagane konto | Nie | Tak |
| Cena Pro | 5 USD/mies. | Zwykle wyższa |
Za darmo do używania. Pro, gdy samo się spłaca.
Wypróbuj całość za darmo, pięć razy. Pro zdejmuje limit — te same funkcje, bez licznika.
- 5 przechwyceń — kompletny produkt
- Strony za logowaniem, ikony, wykresy
- Przekazanie przez schowek
- Bez karty, bez konta
- Wszystko z planu darmowego
- Auto Layout wierny co do piksela
- Komponenty z powtarzających się kart
- Style tekstu i kolorów z nazwami tokenów
Pytania i odpowiedzi wprost
Czy dane mojej strony są naprawdę bezpieczne?
Tak, i to strukturalnie. Konwersja działa w Twojej karcie przeglądarki, a wynik ląduje na dysku albo w schowku. Nie istnieje serwer Snapture, do którego można by go wysłać. Manifest wtyczki do Figmy deklaruje zerowy dostęp do sieci, co egzekwuje Figma i co każdy może sprawdzić. Rozszerzenie wykonuje kilka żądań — obrazy samej strony, żeby pojawiły się w pliku, weryfikację klucza licencji przy Pro i odczyt sitemapy przy przechwytywaniu seryjnym — żadne z nich nie niesie treści Twoich stron. Wszystkie są wymienione w polityce prywatności.
Czym to się różni od html.to.design i podobnych narzędzi?
Tamte narzędzia też potrafią przechwycić stronę, na której jesteś zalogowany, przez własne rozszerzenie, i pozwalają zatrzymać plik lokalnie, jeśli wybierzesz taką opcję. Różnica polega na tym, że w Snapture nie ma opcji do wybierania. Nie ma serwera, więc ścieżka prywatna jest jedyną, a wtyczka do Figmy jest wydawana z networkAccess: "none", którego Figma pilnuje za nas. Poza tym: nasz darmowy plan to kompletny produkt, nie okrojona wersja, a Auto Layout stosujemy tylko wtedy, gdy silnik Figmy odtwarza Twoją stronę z dokładnością do pół piksela.
Co dokładnie dostaję za darmo?
Pięć przechwyceń i każde z nich to pełny produkt — strony za logowaniem, ikony, gradienty, wykresy jako zrzuty, Auto Layout, komponenty, wyciąganie stylów, przepływ przez schowek. Niczego nie chowamy, więc na własnych stronach sprawdzisz, czy Snapture jest wart pieniędzy. Po piątym Pro zdejmuje limit.
Moje fonty wyglądają w Figmie inaczej.
Figma korzysta wyłącznie z fontów zainstalowanych na Twoim komputerze. Snapture przechwytuje dokładny font stack, więc gdy doinstalujesz brakujący font (np. Pretendard albo Inter) i zrestartujesz Figmę, wszystko się zgra. Do tego czasu Figma podstawia najbliższy zainstalowany font.
Czy jedna licencja działa na kilku komputerach?
Tak, licencja obejmuje Twoje osobiste urządzenia (do 3 aktywacji). Jeśli po wymianie sprzętu wpadniesz na limit, napisz do nas — zresetujemy.
Jaka jest polityka zwrotów?
Jeśli Snapture nie zadziała na Twoich stronach, daj nam znać w ciągu 14 dni od zakupu, a dostaniesz pełny zwrot, obsłużony przez naszego operatora płatności. Bez formularzy, bez tarcia.
Przestań odrysowywać to, co już istnieje.
Zainstaluj rozszerzenie, przechwyć stronę, na którą patrzysz, i wklej do Figmy. Zobaczysz efekt w jakąś minutę.