Войти Установить
Chrome-расширение

Извлекайте дизайн
любого сайта.
Получайте готовый код.

Цвета, шрифты, отступы, изображения и SVG — всё в одном расширении. Экспортируйте HTML + CSS за секунды.

Установить бесплатно Узнать больше

Бесплатно: 5 сканов · Подписка: 725 сом/мес

UIWeb Tool — боковая панель расширения
5 бесплатных сканов
Начните без оплаты
Работает локально
Данные не покидают браузер
Chrome, Edge, Firefox
Все популярные браузеры
Экспорт в код
Готовый HTML + CSS
Возможности

Всё для работы с дизайном сайтов

Один инструмент вместо десяти вкладок DevTools. Извлекайте и экспортируйте что угодно.

Инспекция дизайна

Извлекайте цвета, шрифты, отступы и размеры с любого элемента страницы. Без DevTools, одним кликом.

Экспорт кода

Получайте готовый HTML + CSS выбранных секций сайта. Копируйте и вставляйте в свой проект.

Извлечение ресурсов

Скачивайте изображения, иконки и медиафайлы в оригинальном качестве. PNG, JPG, WebP — без конвертеров.

SVG-иконки

Извлекайте SVG-иконки и иллюстрации с любой страницы. Копируйте как векторный код, готовый к использованию.

Цветовые палитры

Автоматическое извлечение полной цветовой палитры сайта в формате HEX. Копируйте одним кликом.

Дизайн-токены

Экспортируйте систему дизайна целиком: переменные цветов, типографики, отступов и теней.

Как это работает

Три простых шага

От установки до экспорта — меньше минуты.

1

Откройте расширение

Кликните по иконке UIWeb Tool — боковая панель появится рядом с любым сайтом.

2

Нажмите «Сканировать»

Одна кнопка — и расширение соберёт все цвета, шрифты, отступы, изображения и SVG со страницы.

3

Забирайте готовое

Копируйте HTML + CSS, скачивайте ресурсы или сохраняйте палитру — всё уже разложено по вкладкам.

Все данные остаются в вашем браузере

Извлечение работает локально. Мы не видим, какие сайты вы посещаете и что копируете.

Отзывы

Что говорят пользователи

"Наконец-то не нужно ковыряться в DevTools чтобы достать цвета и шрифты. Всё прямо в боковой панели, быстро и удобно."

АК
Алексей К.
Фронтенд-разработчик

"Использую для сбора референсов — цветовые палитры, шрифты, отступы. Экономит кучу времени по сравнению с ручным копированием."

МД
Мария Д.
UI/UX дизайнер

"Экспорт кода — просто находка. Раньше приходилось вручную собирать CSS из DevTools. Теперь выделил секцию и получил готовый HTML + CSS."

ИС
Игорь С.
Веб-разработчик
Тарифы

Простые и понятные цены

Выберите подписку по сроку, набор функций или разовый пакет сканов.

Группа 1. Подписка по срокам

Бесплатно
0 сом

Для знакомства с расширением.

✓5 сканов
✓Инспекция дизайна
✓Экспорт цветов и шрифтов
✓Локальная обработка
Начать бесплатно
1 месяц
725 сом / мес

Безлимитные сканы на 30 дней.

✓Безлимитные сканы
✓Всё из бесплатного тарифа
✓Приоритетная поддержка
Оформить подписку
3 месяца
1 950 сом
за 3 мес · ≈650 сом/мес

Безлимитные сканы на 90 дней.

✓Безлимитные сканы
✓Всё из бесплатного тарифа
✓Приоритетная поддержка
✓Экономия 10% к помесячной оплате
Оформить подписку
Популярный
6 месяцев
3 570 сом
за 6 мес · ≈595 сом/мес

Безлимитные сканы на 180 дней.

✓Безлимитные сканы
✓Всё из бесплатного тарифа
✓Приоритетная поддержка
✓Экономия 18% к помесячной оплате
Оформить подписку
9 месяцев
5 020 сом
за 9 мес · ≈558 сом/мес

Безлимитные сканы на 270 дней.

✓Безлимитные сканы
✓Всё из бесплатного тарифа
✓Приоритетная поддержка
✓Экономия 23% к помесячной оплате
Оформить подписку
Выгоднее всего
1 год
6 250 сом
за 12 мес · ≈521 сом/мес

Безлимитные сканы на 365 дней.

✓Безлимитные сканы
✓Всё из бесплатного тарифа
✓Приоритетная поддержка
✓Экономия 28% к помесячной оплате
Оформить подписку

Группа 2. Тарифы по функционалу

Lite
435 сом / мес

Базовый набор для быстрого анализа дизайна.

✓Безлимитные сканы
✓Инспекция дизайна
✓Экспорт цветов и шрифтов
✗Экспорт HTML+CSS
✗Извлечение изображений и SVG
Выбрать Lite
Standard
615 сом / мес

Для тех, кому нужен готовый код.

✓Всё из Lite
✓Экспорт HTML+CSS кода
✗Извлечение изображений и SVG
Выбрать Standard
Популярный
Pro
725 сом / мес

Полный доступ ко всем инструментам.

✓Всё из Standard
✓Извлечение изображений (PNG/JPG/WebP)
✓Извлечение SVG-иконок
✓Приоритетная поддержка
Выбрать Pro

Группа 3. Пакеты сканов

5 сканов
280 сом

Разовое пополнение для небольшой задачи.

✓5 дополнительных сканов
✓Все функции тарифа Pro
✓Действует 60 дней
Купить пакет
10 сканов
500 сом
50 сом/скан

Выгоднее на 10%, чем поштучно.

✓10 дополнительных сканов
✓Все функции тарифа Pro
✓Действует 60 дней
Купить пакет
Популярный
50 сканов
2 010 сом
40 сом/скан

Выгоднее на 28%, чем поштучно.

✓50 дополнительных сканов
✓Все функции тарифа Pro
✓Действует 90 дней
Купить пакет
100 сканов
3 570 сом
36 сом/скан

Максимальная выгода — 36% экономии.

✓100 дополнительных сканов
✓Все функции тарифа Pro
✓Действует 90 дней
Купить пакет
FAQ

Вопросы и ответы

UIWeb Tool — это расширение для браузера, которое позволяет извлекать элементы дизайна с любого сайта: цвета, шрифты, отступы, изображения и SVG-иконки. Всё работает прямо в боковой панели браузера, без DevTools.
Скоро расширение появится в Chrome Web Store. После установки нажмите на иконку расширения — откроется боковая панель. Зарегистрируйтесь на сайте, и 5 бесплатных сканов будут доступны сразу.
Бесплатно доступно 5 сканов. Каждый скан даёт полный доступ к инспекции страницы: цвета, шрифты, отступы, изображения. Для безлимитного использования оформите подписку.
Подписка стоит 725 сом за 30 дней. После оплаты вы получаете безлимитные сканы — без ограничения в 5 штук. Все функции (инспекция, экспорт кода, извлечение ресурсов) доступны и на бесплатном тарифе. Подписка не продлевается автоматически.
Да. Вся обработка происходит локально в вашем браузере. Мы не собираем данные о посещаемых сайтах и не отправляем извлечённую информацию на серверы. На сервер отправляются только данные для авторизации и учёта сканов.
UIWeb Tool работает в Chrome, Edge, Brave, Opera и Firefox. Расширение использует Side Panel API и совместимо со всеми Chromium-браузерами. Для Firefox используется адаптированная версия.

Готовы начать?

Установите UIWeb Tool и извлекайте дизайн любого сайта за секунды.

Установить бесплатно