Розширення для браузера

Припиніть копатися в DevTools.
Інспектуйте будь-який елемент в один клік.

CSS-інспектор для дизайнерів і розробників. Копіюйте стилі, кольори, шрифти — експортуйте в Tailwind, Flutter та ще 8 форматів. У 10 разів швидше за DevTools.

Chrome Chrome Brave Brave Edge Edge Opera Opera
Firefox Firefox
Safari Safari
Незабаром

Чому GetLayers?

Три суперсили, що замінять десяток вкладок DevTools.

10 форматів експорту Pro

CSS, JSON, Tailwind, Flutter, SwiftUI, SCSS, Compose, Figma, React, Compact AI — копіюйте будь-який формат в один клік.

CSS JSON SCSS Tailwind React JSX Flutter SwiftUI Compose Figma JSON Compact AI

ШІ-підсилений робочий процес Pro

Єдиний CSS-інспектор з Claude MCP. Інспектуйте елементи, редагуйте стилі, переглядайте віджети — прямо з AI-асистента.

Єдиний CSS-інспектор зі ШІ

Повний набір дизайн-інструментів Pro

Edit Mode, Spacing, Ruler, Screenshots — усе, що потрібно дизайнеру, в одному розширенні.

Free vs Pro

Подивіться, що ви отримуєте — і що втрачаєте.

Free

Достатньо для старту
Інспекція & Аналіз
Live Inspect
Declared Values
Інспектор шрифтів
Шрифт, розмір, вага, висота рядка — видно при наведенні
Піпетка кольорів
Скопіюйте будь-який колір зі сторінки одним кліком
Color Lens
Основний колір елемента та фон — з одного погляду
Палітра кольорів
Усі кольори сторінки, зібрані автоматично
WCAG перевірка контрасту
Picker History
Історія кожного скопійованого кольору
Копіювання & Експорт
CSS & JSON
SCSS
Tailwind
Flutter
SwiftUI
React JSX
Compose
Figma JSON
Compact AI
Редагування & Дизайн
Lock & Edit
Відступи & Лінійка
Відступи, margins, відстані між елементами. Для CSS-анімацій — min/max значення
CSS Diff
Порівняйте два елементи: що відрізняється і що спільного
Скріншоти
Edit Profiles
Збережіть відредаговані стилі як профілі, що авто-застосовуються
Завантаження & Поширення
Завантаження ресурсів
Зображення, шрифти та фони з будь-якої сторінки
Перегляд & ZIP
Перегляд вибраного елемента ізольовано на окремій сторінці
ZIP-експорт
ШІ-суперсили
MCP список віджетів
MCP Inspect
З'єднання зі ШІ-асистентами для інспекції та редагування стилів
MCP редагування стилів

Pro

Усе, що потрібно
Інспекція & Аналіз
Live Inspect
Declared Values
Інспектор шрифтів
Шрифт, розмір, вага, висота рядка — видно при наведенні
Піпетка кольорів
Скопіюйте будь-який колір зі сторінки одним кліком
Color Lens
Основний колір елемента та фон — з одного погляду
Палітра кольорів
Усі кольори сторінки, зібрані автоматично
WCAG перевірка контрасту
Picker History
Історія кожного скопійованого кольору
Копіювання & Експорт
CSS & JSON
SCSS
Tailwind
Flutter
SwiftUI
React JSX
Compose
Figma JSON
Compact AI
Редагування & Дизайн
Lock & Edit
Відступи & Лінійка
Відступи, margins, відстані між елементами. Для CSS-анімацій — min/max значення
CSS Diff
Порівняйте два елементи: що відрізняється і що спільного
Скріншоти
Edit Profiles
Збережіть відредаговані стилі як профілі, що авто-застосовуються
Завантаження & Поширення
Завантаження ресурсів
Зображення, шрифти та фони з будь-якої сторінки
Перегляд & ZIP
Перегляд вибраного елемента ізольовано на окремій сторінці
ZIP-експорт
ШІ-суперсили
MCP список віджетів
MCP Inspect
З'єднання зі ШІ-асистентами для інспекції та редагування стилів
MCP редагування стилів
50+
Інструментів
10
Форматів
20
Мов
2
Пристроїв

Прості ціни

Почніть безкоштовно. Оновіться, коли потрібно більше.

Pro Назавжди
₴1,999
одноразовий платіж
Усі 10 форматів, редагування, відступи, скріншоти, ШІ — повний набір
Отримати доступ назавжди
Один платіж. Назавжди ваше. Без поновлень
Pro Місячно
₴125
на місяць
Усі 10 форматів, редагування, відступи, скріншоти, ШІ — повний набір
Перейти на Pro
Дешевше за каву. Скасуйте будь-коли
Free
₴0
назавжди
9 безкоштовних інструментів, 2 формати експорту, 20 мов
Почати безкоштовно
Без картки. Старт за 10 секунд
7-денна гарантія повернення коштів

FAQ

Так! Live Inspect, копіювання CSS/JSON, піпетка кольорів, інспектор шрифтів, Color Lens, палітра кольорів та 20 мов — повністю безкоштовно. Без пробного періоду, без обмежень.
10 форматів експорту (SCSS, Tailwind, Flutter, SwiftUI, Compose, Figma JSON, Compact AI), Lock & Edit, Edit Profiles, Picker History, завантаження ресурсів, відступи & лінійка, скріншоти та повна інтеграція з MCP AI.
Pro-ліцензія працює на 2 пристроях. Ви можете деактивувати пристрій у будь-який час, щоб звільнити слот.
Так, 7-денна гарантія повернення коштів без запитань.
GetLayers працює в Chrome, Brave, Edge та Opera. Firefox також підтримується. Підтримка Safari скоро.
Після покупки ви отримаєте ключ на email. Відкрийте попап GetLayers, перейдіть у Налаштування та вставте ключ. Активація миттєва.
Відкрийте Налаштування в попапі GetLayers і натисніть Деактивувати. Це звільнить слот. Потім активуйте на новому пристрої тим самим ключем.
Ключ зберігається локально. Після перевстановлення введіть ключ знову в Налаштуваннях. Якщо обидва слоти зайняті, спочатку деактивуйте один.
Ми використовуємо Gumroad для оплати. Вони приймають усі основні кредитні картки, PayPal та Apple Pay.
Місячний та річний плани поновлюються автоматично. Довічний — одноразовий платіж, ваш назавжди, включаючи всі майбутні оновлення.

Зв'яжіться з нами

Маєте питання, знайшли баг або хочете співпрацювати? Напишіть нам.

Повідомлення надіслано!
Ми відповімо якнайшвидше.