Будь-яка сторінка —
редаговані шари Figma
Справжній текст, кольори, Auto Layout і компоненти, які можна змінювати. Не скриншот. Навіть сторінки, куди треба логінитися. І все це відбувається на вашому комп'ютері — нікуди нічого не завантажується.
Потрібні обидва: розширення знімає сторінку, плагін для Figma її вставляє. Обидва безплатні, встановлення — хвилина.
Як це працює
Зніміть те, що бачите
Copy for Figma
Встановіть плагін і вставте
Створено для сторінок, до яких інші інструменти не дістають
Snapture читає живу сторінку у вашому браузері, тож усе, що ви бачите, можна зняти — дашборди за логіном, внутрішні інструменти, відкриті шухляди й поповери, включно з вебкомпонентами та iframe.
Сторінки за логіном
Знімання працює у вкладці, де ви вже залогінені, тому внутрішні інструменти, платні дашборди й стейджинг конвертуються точнісінько такими, якими ви їх бачите.
Auto Layout з точністю до пікселя PRO
Flex- і grid-розкладки стають справжнім Auto Layout — але лише коли рушій Figma поставить кожен дочірній елемент у межах пів пікселя. Якщо ні, ви отримуєте точні абсолютні координати. Ніщо ніколи не зсувається.
Іконки доходять усі
Іконки на CSS-масках, SVG-спрайти, іконкові шрифти — три способи малювати іконки, які конвертери зазвичай гублять. Snapture опрацьовує всі три.
Графіки, мапи, 3D
WebGL-полотна та вбудовування з інших доменів ніхто не перетворить на шари — тож Snapture ставить чіткий скриншот саме тієї ділянки замість сірого прямокутника. Iframe того самого домену йдуть далі: вони стають справжніми шарами.
Компоненти і стилі PRO
Повторювані картки стають компонентом з інстансами. Повторювана типографіка й кольори стають локальними стилями, а кольори, які сайт оголошує CSS-змінними, приходять у Figma під власними іменами сайту — brand-primary, а не hex-код.
Передача через буфер
Зняли — вставили. Файл не потрібен: знімок їде до плагіна вашим буфером обміну й не торкається жодного сервера.
Пакетне знімання PRO
Вставте список URL або підтягніть їх із sitemap самого сайту — Snapture відкриє і зніме кожен. До 30 сторінок за прохід.
PROможливостей входять у всі 5 безплатних знімків — без картки, без реєстрації. Pro лише знімає ліміт.
Посібники
Написані зі справжніх знімків і справжніх поламок, а не з переліку можливостей.
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.
Ніщо не покидає ваш комп'ютер.
Маніфест плагіна для Figma оголошує networkAccess: "none", і сама Figma це забезпечує. Тобто плагін не зробить мережевий запит, навіть якби хотів. Це не політика, якої ми обіцяємо дотримуватися, а здатність, якої в нас просто немає.
Відкрийте DevTools під час знімання й подивіться на вкладку network — побачите ці запити й більше нічого. Подробиці в політиці приватності.
Без сервера в контурі — за самою конструкцією
Інші інструменти можна налаштувати так, щоб знімок лишався локально. У Snapture немає налаштування, яке можна виставити неправильно, бо сервера, куди щось могло б піти, не існує від початку.
| Snapture | Інструменти з серверним шляхом | |
|---|---|---|
| Якщо потрібна приватність | Вона завжди є | Оберіть локальну опцію самі |
| Що дає безплатний план | Усі можливості, 5 знімків | Місячна квота |
| Залогінений / інтерактивний стан | Так, завжди | Як пощастить |
| Чи потрібен акаунт | Ні | Так |
| Ціна Pro | $5/міс | Зазвичай вища |
Користуватися — безплатно. Pro — коли він сам себе окупить.
Спробуйте все безплатно, п'ять разів. Pro знімає ліміт — ті самі можливості, без лічильника.
- 5 знімків — повний продукт
- Сторінки за логіном, іконки, графіки
- Передача через буфер
- Без картки, без акаунта
- Усе з безплатного
- Auto Layout з точністю до пікселя
- Компоненти з повторюваних карток
- Стилі тексту й кольору з іменами токенів
Питання з прямими відповідями
Мої дані зі сторінок справді в безпеці?
Так, і це закладено в конструкцію. Конвертація виконується у вкладці вашого браузера, а результат іде на диск або в буфер. Сервера Snapture, куди можна було б щось надіслати, не існує. Маніфест плагіна для Figma оголошує нульовий доступ до мережі — Figma це забезпечує, і будь-хто може перевірити. Розширення робить кілька запитів: зображення самої сторінки, щоб вони з'явились у файлі, перевірку ліцензійного ключа за Pro і читання sitemap за пакетного знімання — жоден не несе вміст ваших сторінок. Усі вони перелічені в політиці приватності.
Чим це відрізняється від html.to.design та подібних?
Ті інструменти теж можуть зняти сторінку, де ви залогінені, своїм розширенням, і файл лишиться локально, якщо обрати таку опцію. Різниця в тому, що у Snapture немає опції, яку треба обирати. Сервера немає, тож приватний шлях — єдиний, а плагін для Figma постачається з networkAccess: "none", який Figma забезпечує замість нас. Поверх того: наш безплатний план — це повний продукт, а не урізана версія, і Auto Layout ми застосовуємо лише тоді, коли рушій Figma відтворює вашу сторінку в межах пів пікселя.
Що саме я отримую безплатно?
П'ять знімків, і кожен — повний продукт: сторінки за логіном, іконки, градієнти, графіки скриншотами, Auto Layout, компоненти, витяг стилів, потік через буфер. Ніщо не притримано, тож ви на власних сторінках з'ясуєте, чи вартий Snapture грошей. Після п'ятого Pro знімає ліміт.
Шрифти у Figma виглядають інакше.
Figma може використовувати лише шрифти, встановлені на вашому комп'ютері. Snapture знімає точний стек шрифтів, тож щойно ви поставите відсутній шрифт (скажімо, Pretendard чи Inter) і перезапустите Figma, все зійдеться. А доти Figma підставляє найближчий зі встановлених.
Одна ліцензія на кілька комп'ютерів — можна?
Так, ліцензія покриває ваші особисті пристрої (до 3 активацій). Якщо після заміни машини вперлися в ліміт — напишіть нам, скинемо.
Яка політика повернення коштів?
Якщо Snapture не впорався з вашими сторінками, скажіть нам протягом 14 днів після купівлі — і отримаєте повне повернення через нашого платіжного провайдера. Без форм, без тяганини.
Годі перемальовувати те, що вже існує.
Встановіть розширення, зніміть сторінку перед очима і вставте у Figma. Побачити, як це працює, — справа однієї хвилини.