Рассказываем в статье про подборку полезных расширений Chrome для дизайнеров
Браузерные расширения могут значительно упростить работу дизайнера, ускорить поиск вдохновения, помочь с анализом сайтов и улучшить рабочий процесс. В этой подборке — лучшие расширения Google Chrome, которые пригодятся веб-дизайнерам, графическим дизайнерам и UX/UI-специалистам.
1. Для анализа и инспектирования сайтов:
WhatFont:
Позволяет быстро определить шрифт на любом сайте. Достаточно навести курсор на текст — расширение покажет название, размер, цвет и другие параметры шрифта.
ColorZilla:
Полезный инструмент для работы с цветами. Позволяет:
- Копировать HEX-, RGB- и HSL-коды цветов с веб-страниц.
- Создавать градиенты.
- Анализировать палитру сайта.
CSS Viewer:
Показывает CSS-свойства любого элемента при наведении. Удобно для изучения стилей и вёрстки.
Page Ruler Redux:
Помогает измерять расстояния и размеры элементов на странице в пикселях. Незаменим для вёрстки и точного позиционирования.
2. Для вдохновения и поиска трендов:
Muzli 2 – Stay Inspired:
Автоматически подбирает свежие дизайн-работы, статьи и тренды из разных источников (Dribbble, Behance, Design Milk и др.). Отличный способ оставаться в курсе новых тенденций.
Awwward Inspect:
Позволяет изучать сайты-победители премии Awwwards прямо в браузере. Можно анализировать технологии, шрифты и цветовые схемы.
Loom:
Запись экрана с комментариями. Полезно для создания презентаций, фидбэка клиентам или обсуждения дизайна с командой.
3. Для работы с изображениями и графикой:
SVG Export:
Экспортирует любую векторную графику со страницы в SVG. Подходит для быстрого сохранения иконок и логотипов.
Image Downloader:
Помогает массово скачивать изображения с сайтов. Удобно для сбора референсов или мудбордов.
Fontface Ninja:
Определяет не только шрифты, но и позволяет протестировать их на своём тексте.
4. Для UX/UI и прототипирования:
UX Check:
Позволяет оценивать интерфейсы на соответствие принципам UX. Выявляет проблемы с навигацией, контрастностью и удобством использования.
Visbug:
Редактор элементов прямо в браузере. Можно менять текст, цвета, отступы и другие параметры без кода — полезно для быстрого прототипирования.
Window Resizer:
Меняет размер окна браузера под разные устройства (десктоп, планшет, мобильные). Помогает проверять адаптивность дизайна.
5. Для организации работы:
Toby for Chrome:
Управление вкладками и закладками. Позволяет сохранять наборы ссылок по проектам и быстро переключаться между ними.
Notion Web Clipper:
Сохраняет статьи, изображения и ссылки прямо в Notion. Удобно для сбора референсов и ведения дизайн-документации.
Заключение:
Эти расширения помогут дизайнерам работать быстрее, анализировать сайты, находить вдохновение и улучшать свои проекты. Попробуйте те, которые соответствуют вашим задачам, и оптимизируйте свой workflow!
Ещё больше интересного контента в нашем ВК сообществе!