Любая веб-страница —
в редактируемые слои Figma
Настоящий текст, цвета, Auto Layout и компоненты — всё можно менять. Это не скриншот. Работает даже со страницами за логином. И всё происходит на вашем компьютере: ничего никуда не загружается.
Нужны оба: расширение захватывает страницу, плагин Figma её вставляет. Оба бесплатны и ставятся за минуту.
Как это работает
Захватите то, что видите
Скопировать для Figma
Установите плагин и вставьте
Создан для страниц, до которых другим инструментам не добраться
Snapture читает страницу прямо в вашем браузере: всё, что видно на экране, можно захватить — дашборды за логином, внутренние инструменты, открытые панели и поповеры, включая веб-компоненты и iframe.
Страницы за логином
Захват выполняется внутри вкладки, где вы уже вошли, поэтому внутренние инструменты, платные дашборды и стейджинг преобразуются ровно так, как выглядят.
Auto Layout пиксель в пиксель PRO
Flex- и grid-раскладки становятся настоящим Auto Layout — но только когда движок Figma разместил бы каждый элемент с точностью до полпикселя. Иначе остаются точные абсолютные координаты. Ничего никогда не съезжает.
Иконки не теряются
CSS-маски, SVG-спрайты, иконочные шрифты — три способа рисовать иконки, на которых конвертеры обычно спотыкаются. Snapture поддерживает все три.
Графики, карты, 3D
WebGL-холсты и чужие встраивания никто не превратит в слои. Snapture вместо серого прямоугольника вставляет чёткий скриншот ровно этой области; iframe того же origin идут дальше — превращаются в настоящие слои.
Компоненты & стили PRO
Повторяющиеся карточки становятся компонентом с экземплярами. Часто встречающиеся шрифты и цвета превращаются в локальные стили, а цвета, заданные на сайте CSS-переменными, приходят переменными Figma под именами самого сайта — brand-primary, а не хекс-код.
Через буфер обмена
Захватили — вставили. Файл не нужен: захват попадает в плагин через буфер обмена и не проходит ни через один сервер.
Пакетная съёмка PRO
Вставьте список адресов или подтяните их из sitemap самого сайта, и Snapture откроет и снимет каждый. До 30 страниц за один заход.
PROОтмеченные функции входят во все 5 бесплатных захватов — без карты и регистрации. Pro лишь снимает ограничение.
Руководства
Написаны по реальным снимкам и реальным поломкам, а не по списку функций.
Почему автолейаут ломается при импорте в Figma
Импортированная страница выглядит правильно, пока не потянешь за край. Разбираем, почему автолейаут не восстанавливается, и как проверить инструмент за минуту.
Как перенести иконки в Figma: спрайты, иконочные шрифты, CSS-маски
Иконки приходят пустыми коробками или чёрными квадратами. Четыре способа рисовать иконки в вебе, и почему каждый ломается по-своему.
Как перенести в Figma страницу, доступную только после входа
Инструменты по URL видят экран входа, а не вашу панель. Почему так, чего стоят обходные пути и как снимать прямо из своего браузера.
Ничего не покидает ваш компьютер.
В манифесте плагина Figma объявлено networkAccess: "none". Figma это принудительно соблюдает, поэтому плагин не может сделать сетевой запрос, даже если бы захотел. Это не обещание соблюдать правило, а отсутствующая возможность.
Откройте DevTools во время захвата и посмотрите вкладку сети: увидите эти запросы и больше ничего. Подробности — в политике конфиденциальности.
Сервера нет по устройству
Другие инструменты можно настроить так, чтобы захват остался локальным. В Snapture нечего настроить неправильно, потому что сервера, куда можно было бы что-то отправить, попросту нет.
| Snapture | Инструменты с серверным путём | |
|---|---|---|
| Если нужна приватность | Она всегда есть | Выбрать локальный вариант |
| Что даёт бесплатный план | Все функции, 5 захватов | Месячная квота |
| За логином / интерактив | Да, всегда | Как повезёт |
| Нужен аккаунт | Нет | Да |
| Цена Pro | $5/мес | Обычно дороже |
Пользоваться — бесплатно. Pro — когда он окупается.
Попробуйте продукт целиком — пять раз бесплатно. Pro снимает ограничение, функции те же.
- 5 захватов — всё включено
- Страницы за логином, иконки, графики
- Через буфер обмена
- Без карты и без аккаунта
- Всё из Free
- Auto Layout пиксель в пиксель
- Компоненты из повторяющихся карточек
- Стили текста и цвета с именами токенов
Частые вопросы — и прямые ответы
Мои данные точно в безопасности?
Да, на уровне архитектуры. Конвертация выполняется внутри вкладки браузера, а результат попадает на ваш диск или в буфер обмена. Сервера Snapture, куда это можно было бы отправить, попросту нет. Манифест плагина Figma объявляет нулевой доступ к сети — это ограничение контролирует сама Figma, и его может проверить любой. Расширение всё же делает несколько запросов: изображения самой страницы, чтобы они попали в ваш файл, проверка лицензионного ключа при использовании Pro и чтение sitemap, когда вы запускаете пакетный захват. Ни один из них не несёт содержимое ваших страниц, и все они перечислены в политике конфиденциальности.
Чем это отличается от html.to.design и похожих инструментов?
Эти инструменты тоже умеют захватывать страницу, где вы авторизованы, через собственное расширение браузера, и позволяют оставить файл локально, если выбрать такую опцию. Разница в том, что в Snapture опцию выбирать не нужно: сервера нет, поэтому приватный путь — единственный, а плагин Figma выходит с networkAccess: "none", что Figma обеспечивает за нас. Кроме того, наш бесплатный план — это полный продукт, а не урезанный, и Auto Layout применяется только тогда, когда движок Figma воспроизводит страницу с точностью до половины пикселя.
Что именно входит в бесплатный план?
Пять захватов, и все пять — полноценный продукт: страницы под логином, иконки, градиенты, графики скриншотом, Auto Layout, компоненты, извлечение стилей и работа через буфер обмена. Ничего не урезано, поэтому вы решаете на своих же страницах, стоит ли это денег. После пятого Pro снимает ограничение.
Шрифты в Figma выглядят иначе.
Figma видит только шрифты, установленные на вашем компьютере. Snapture сохраняет точный стек шрифтов, поэтому достаточно установить недостающий (например, Pretendard или Inter) и перезапустить Figma — всё совпадёт. А до тех пор Figma подставляет самый близкий из установленных.
Одна лицензия — на несколько компьютеров?
Да, лицензия действует на ваши личные устройства (до 3 активаций). Если после замены компьютера упёрлись в лимит — напишите нам, и мы его сбросим.
Какие условия возврата?
Если Snapture не справился с вашими страницами, напишите нам в течение 14 дней после покупки — платёжный провайдер вернёт полную сумму. Без анкет и лишних вопросов.
Хватит перерисовывать то, что уже существует.
Установите расширение, захватите страницу, которую сейчас видите, и вставьте её в Figma. Одной минуты хватит, чтобы увидеть результат.