Strony internetowe,
do edycji w Figmie.

Przechwyć otwartą stronę, także po zalogowaniu, i edytuj jej tekst oraz układ w Figmie.

10 bezpłatnych przechwyceń miesięcznie. Limit odnawia się co miesiąc.

Funkcje

Obecny ekran jako punkt wyjścia

01 / Chrome

Przechwyć to, co widzisz

Otwórz stronę do zmiany, kliknij Snapture na pasku Chrome i wybierz obszar przechwytywania.

Kopiuj do Figmy
02 / HTML + CSS

Także z HTML i CSS

Podejrzyj kod, dostosuj szerokość i przechwyć.

Także z HTML i CSS
03 / Figma

Auto Layout

Edytuj dalej z Auto Layout tam, gdzie można zachować oryginalny układ.

Komponenty i style

Powtarzalne elementy o zgodnej strukturze mogą stać się komponentami. Obsługiwane teksty, kolory i zmienne kolorów CSS stają się lokalnymi stylami i zmiennymi.

Figma
04 / Viewport

Dla każdej szerokości

Przechwyć układ wyświetlany przy danej szerokości ekranu.

Wykresy, mapy, 3D

Wykresy, mapy i treści 3D mogą zostać zaimportowane jako obrazy. Nie można ich wtedy edytować jako danych wykresu ani modeli 3D.

Przechwytywanie seryjne

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.

Jak to działa

  1. 01

    Przechwyć to, co widzisz

    Otwórz stronę do zmiany, kliknij Snapture na pasku Chrome i wybierz obszar przechwytywania.

  2. 02

    Kopiuj do Figmy

    Po przechwyceniu skopiuj wynik do Figma. Możesz też zapisać plik i przeciągnąć go do wtyczki.

  3. 03

    Edytuj w Figma

    Otwórz Snapture Import w swoim pliku Figma i wklej przez Cmd/Ctrl+V. Wybierz warstwę tekstową, aby zacząć edycję.

Cennik

Darmowy
$0

10 bezpłatnych przechwyceń miesięcznie. Limit odnawia się co miesiąc.

Dodaj do Chrome
Pro
$5 /mies.

Bez limitu przechwytywania, także wielu stron jednocześnie.

Kup Pro Albo płać rocznie — 49 USD (2 miesiące gratis)

Przestań odrysowywać to, co już istnieje.

Najpierw dodaj rozszerzenie Chrome. Po przechwyceniu otwórz Snapture Import w Figma i wklej wynik.