GetLayers: CSS-інспектор і завантажувач ресурсів автор GetLayers, PajaTools

Побачили дизайн, який вам подобається? Наведіть, клікніть, і він ваш.

GetLayers перетворює будь-який сайт на джерело, з якого можна копіювати. Інспектуйте елемент, отримуйте чистий код для свого стека, вставляйте його у Figma як справжні шари, міряйте відступи, беріть кольори та шрифти, зберігайте зображення, іконки, відео, аудіо, шрифти й файли зі сторінки. Без риття в DevTools, без скріншотів і здогадок.

ІНСПЕКЦІЯ ТА КОПІЮВАННЯ В ОДИН КЛІК
- Наведіть на будь-який елемент, і одразу побачите його стилі, блокову модель, типографіку, кольори та контраст
- Клікніть, щоб скопіювати код і зафіксувати елемент, а потім рухайтеся сторінкою стрілками на клавіатурі
- Експорт у 10 форматів коду для вебу, мобільних застосунків і дизайн-інструментів: від чистого CSS до Tailwind, React, Flutter чи SwiftUI
- Перегляньте елемент окремо, зробіть його чистий скріншот або експортуйте всі віджети в ZIP

КОПІЮВАННЯ У FIGMA (Pro, бета)
- Вставляйте елемент або всю сторінку у Figma через Cmd+V або Ctrl+V
- Ви отримуєте справжні фрейми, текст і зображення з auto layout, а не плоску картинку
- Експортуйте гайд зі стилів із кольорами та текстовими стилями сторінки

ВІКНО ЗАВАНТАЖЕНЬ (натисніть G)
- Усі зображення сторінки, зокрема CSS-фони, адаптивні версії, SVG-іконки, Lottie та Rive
- Розміри згруповано, а найкращу якість позначено, тож ви ніколи не збережете розмите прев'ю
- Відео з кадром для перегляду, потоки одним файлом і субтитри у VTT або SRT
- Аудіо, шрифти з живим переглядом, а також PDF, документи й архіви, на які посилається сторінка
- Пошук, фільтри, шаблони імен файлів, копіювання посилань і список недавніх завантажень
- Кожне знайдене відео потрапляє в чергу, а завантаження тривають, навіть якщо сторінку перезавантажити
- Інструменти Pro: прокрутка зі збиранням, конвертація та зміна розміру зображень, експорт іконок для коду, шрифти у TTF або OTF із ZIP-набором шрифтів

РЕДАГУЙТЕ НАЖИВО, ПРЯМО НА СТОРІНЦІ
- Змінюйте будь-який стиль і одразу бачте результат, з можливістю скасування
- Зберігайте правки як профілі, які наступного разу застосовуються автоматично
- Порівнюйте два елементи поруч, щоб побачити, чим вони відрізняються
- Переміщуйте елементи, щоб спробувати новий макет

МІРЯЙТЕ, ЯК ДИЗАЙНЕР
- Накладки відступів для padding, margin і проміжків
- Лінійка для точної відстані між двома елементами
- Колірна палітра сторінки та інспектор шрифтів

СТВОРЕНО ДЛЯ AI-ПРОЦЕСІВ
- Підключіть свого AI-асистента для коду через вбудований MCP-сервер, щоб він міг інспектувати елементи та редагувати стилі на живій сторінці

ШВИДКО Й ЗРУЧНО
- Під час першого запуску оберіть, як використовувати GetLayers: інспектувати й копіювати стилі чи завантажувати ресурси. Змінити можна будь-коли в Налаштуваннях
- Панель інструментів, яку можна перетягнути куди завгодно, і бічна панель DevTools
- Гарячі клавіші для всього, натисніть ?, щоб побачити їх усі
- Доступно 20 мовами

БЕЗКОШТОВНО ТА PRO
Безкоштовний план містить Інспекцію наживо, копіювання CSS і JSON, інструменти для кольорів і шрифтів, бічну панель DevTools та обмежене вікно завантажень. Акаунт не потрібен.
Pro відкриває всі формати, Копіювання у Figma, редагування наживо з профілями, інструменти вимірювання, порівняння елементів, скріншоти, експорт у ZIP, необмежені завантаження з інструментами Pro та інтеграцію з AI. Гарантія повернення коштів протягом 7 днів.
Спробуйте Pro безкоштовно 7 днів: отримайте безкоштовний ключ на пошту та вставте його в Налаштуваннях, картка не потрібна.

КОНФІДЕНЦІЙНІСТЬ
Без реклами, без акаунта для безкоштовного плану. Ваші сторінки, правки, завантаження та адреси, які ви відвідуєте, ніколи не залишають ваш браузер. Pro надсилає ваш ліцензійний ключ для перевірки. Анонімна статистика використання функцій надсилається лише з вашого дозволу, і її можна вимкнути в Налаштуваннях. Необов'язкова форма відгуку надсилає лише те, що ви напишете, а також версію розширення, браузер, систему, мову та план.

ВАЖЛИВО
GetLayers зберігає файли, які ваш браузер уже завантажує. Поважайте авторські права та умови сайтів. Потоки із захистом DRM і відео з YouTube не підтримуються.

Сайт і ціни: https://getlayers.pro
Питання чи ідеї: getlayers.help@gmail.com