01 / Chrome
Захватите то, что видите
Откройте страницу для доработки, нажмите Snapture на панели Chrome и выберите область захвата.
Веб-страницы,
доступные для правки в Figma.
Захватите открытый экран, в том числе после входа в аккаунт, и редактируйте текст и макет в Figma.
10 бесплатных захватов в месяц. Лимит обновляется ежемесячно.
Возможности
Текущий экран как основа для изменений
02 / HTML + CSS
Из HTML и CSS
Посмотрите код в предпросмотре, настройте ширину и захватите страницу.
03 / Figma
Auto Layout
Продолжайте редактирование с Auto Layout там, где можно сохранить исходное расположение.
Компоненты & стили
Повторяющиеся элементы с подходящей структурой могут стать компонентами. Поддерживаемые тексты, цвета и цветовые CSS-переменные становятся локальными стилями и переменными.
04 / Viewport
Для каждой ширины
Захватите реальное расположение элементов при разной ширине.
Графики, карты, 3D
Графики, карты и 3D могут импортироваться как изображения. Эти области нельзя редактировать как данные графиков или 3D-модели.
Пакетная съёмка
Вставьте список адресов или подтяните их из sitemap самого сайта, и Snapture откроет и снимет каждый. До 30 страниц за один заход.
Как это работает
- 01
Захватите то, что видите
Откройте страницу для доработки, нажмите Snapture на панели Chrome и выберите область захвата.
- 02
Скопировать для Figma
После захвата скопируйте результат для Figma. Можно также сохранить файл и перетащить его в плагин.
- 03
Редактируйте в Figma
Откройте Snapture Import в файле Figma и вставьте через Cmd/Ctrl+V. Выберите текстовый слой и начните редактирование.
Цены
Pro
$5 /мес.
Без ограничений на число захватов. Несколько страниц за один запуск.
Оформить Pro Оплатить за год — $49 (2 месяца бесплатно)Хватит перерисовывать то, что уже существует.
Сначала установите расширение Chrome. После захвата откройте Snapture Import в Figma и вставьте результат.