Ruler Grid от MDesign

Ruler Grid — универсальный набор инструментов для дизайнеров и фронтенд-разработчиков.

Ruler Grid помогает анализировать и совершенствовать макет любого веб-сайта. Измеряйте элементы, инспектируйте стили, подбирайте цвета и экспериментируйте с дизайном — прямо в браузере.

Ключевые функции:

• Линейки и направляющие
Измеряйте расстояния и выравнивайте элементы с высокой точностью, используя горизонтальные и вертикальные направляющие.

• Инструмент «Пипетка»
Захватывайте любой цвет или градиент со страницы и копируйте значения в форматах HEX, RGB или HSL.

• Инспектор типографики
Мгновенно определяйте шрифты, их размеры, насыщенность и межстрочные интервалы.

• Живое редактирование страниц
Меняйте текст, отступы и макет прямо на сайте, не открывая стандартные DevTools.

• Инспектор CSS и стилей
Просматривайте вычисленные стили, свойства CSS и классы Tailwind в один клик.

• Адаптивные сетки
Накладывайте макетные сетки, чтобы проверить колонки, межколонники и выравнивание на разных размерах экрана.

Почему Ruler Grid?
Быстрый, легкий и интуитивно понятный — Ruler Grid дает все необходимые инструменты для анализа верстки и ускорения рабочего процесса, не заставляя вас покидать страницу.