> ## Content Index
> Fetch the complete content index at: https://matveev.tech/llms.txt
> Use this file to discover other available public pages before exploring further.

# MiroMiro — копируй дизайн любого сайта в один клик
- URL: https://matveev.tech/miromiro-kopirovanie-dizaina-saytov/
- Published: 2026-01-23T17:13:46.000Z
- Updated: 2026-02-25T12:17:03.000Z
- Description: MiroMiro — расширение Chrome для копирования CSS, цветов, шрифтов и ассетов с любого сайта без DevTools
- Author: Pavel Matveev
- Tags: Дизайн, Продуктивность, Инструменты

> **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+ голосами — и понятно почему. Это тот случай, когда инструмент делает одну вещь, но делает её хорошо. Если часто изучаешь чужие сайты или верстаешь по референсам — попробуй, бесплатная версия уже покрывает базовые сценарии.

[MiroMiro - Extract Lottie Animations, CSS & Design Tokens from Any WebsiteDownload Lottie animations, copy CSS instantly, and extract design tokens from any site. Free Chrome extension - no DevTools needed. Trusted by 2,000+ designers.![](https://matveev.tech/content/images/icon/logo.png)MiroMiroSoraia![](https://matveev.tech/content/images/thumbnail/og-image.png)](https://miromiro.app/?ref=matveev.tech)

## Что ещё почитать

- [Claude Code для нетехнарей — 50 способов применения](https://matveev.tech/claude-code-bez-koda/) — если интересуют инструменты для ускорения работы
- [TaskWand — генерация воркфлоу для n8n с помощью ИИ](https://matveev.tech/taskwand-ghienieratsiia-vorkflou-dlia-n8n-s-pomoshchiu-ii/) — ещё один инструмент для автоматизации рутины