MiroMiro — копируй дизайн любого сайта в один клик
MiroMiro — расширение Chrome для копирования CSS, цветов, шрифтов и ассетов с любого сайта без DevTools
TL;DR: MiroMiro — Chrome-расширение, которое позволяет копировать CSS, цвета, шрифты и скачивать ассеты с любого сайта. Наводишь курсор на элемент — видишь все стили. Без DevTools, без боли.
Знакомая ситуация: видишь классный дизайн на сайте, хочешь понять, как это сделано. Открываешь DevTools, копаешься в панели Computed, пытаешься найти нужные стили среди сотен строк CSS. Тратишь 15 минут на то, что должно занимать 15 секунд.
MiroMiro решает эту проблему в лоб — просто наводишь курсор на любой элемент и сразу видишь всё: CSS, цвета, шрифты, отступы.
Что умеет
Главная фишка — инспектирование без открытия DevTools. Наводишь на кнопку — видишь её padding, border-radius, цвет фона. Наводишь на текст — видишь font-family, размер, межстрочный интервал.
Но копировать CSS — это только начало:
- Цвета и палитры — вытаскивает все цвета элемента, можно скопировать в hex, rgb или hsl
- Шрифты — показывает название, размер, вес, высоту строки
- Отступы и размеры — margin, padding, width, height одним взглядом
- Скачивание ассетов — картинки, SVG, и даже Lottie-анимации в один клик
- Экспорт токенов — выгружает дизайн-токены в формате Tailwind-конфига или CSS-переменных
Последний пункт особенно полезен. Увидел крутой сайт, вытащил его цветовую схему и типографику как готовый Tailwind-конфиг — и используешь в своём проекте.
Для кого это
Думаю, тут две основные аудитории.
Первая — дизайнеры, которые хотят быстро понять, как устроен чужой интерфейс. Вместо того чтобы угадывать оттенок синего в Figma, можно просто взять точный цвет с сайта.
Вторая — фронтендеры, которые верстают по референсам. Когда заказчик говорит «хочу как на том сайте», теперь не нужно гадать значения — достаточно навести курсор и скопировать.
Что мне понравилось
Экспорт в Tailwind — это прямо в точку. Tailwind сейчас везде, и возможность вытащить дизайн-систему сайта как готовый конфиг экономит кучу времени.
Скачивание Lottie-анимаций — неожиданно полезная штука. Обычно чтобы достать Lottie, нужно лезть в Network-панель, искать json-файлы. Здесь — один клик.
MiroMiro попал в топ Product Hunt с 500+ голосами — и понятно почему. Это тот случай, когда инструмент делает одну вещь, но делает её хорошо. Если часто изучаешь чужие сайты или верстаешь по референсам — попробуй, бесплатная версия уже покрывает базовые сценарии.
Soraia
Что ещё почитать
- Claude Code для нетехнарей — 50 способов применения — если интересуют инструменты для ускорения работы
- TaskWand — генерация воркфлоу для n8n с помощью ИИ — ещё один инструмент для автоматизации рутины