01 / Chrome
Зніміть те, що бачите
Відкрийте сторінку для редагування, натисніть Snapture на панелі Chrome та виберіть область захоплення.
Вебсторінки,
які можна редагувати у Figma.
Захопіть відкритий екран, зокрема після входу в обліковий запис, і редагуйте текст та макет у Figma.
10 безкоштовних захоплень на місяць. Ліміт поновлюється щомісяця.
Можливості
Поточний екран як основа для змін
02 / HTML + CSS
З HTML і CSS
Перегляньте код, налаштуйте ширину та захопіть сторінку.
03 / Figma
Auto Layout
Продовжуйте редагування з Auto Layout там, де можна зберегти початкове розташування.
Компоненти і стилі
Повторювані елементи з відповідною структурою можуть стати компонентами. Підтримувані тексти, кольори та колірні CSS-змінні стають локальними стилями й змінними.
04 / Viewport
Для кожної ширини
Захоплюйте реальне розташування елементів за різної ширини.
Графіки, мапи, 3D
Графіки, карти та 3D можуть імпортуватися як зображення. Ці області не можна редагувати як дані графіків або 3D-моделі.
Пакетне знімання
Вставте список URL або підтягніть їх із 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 та вставте результат.