UXPUB 🇺🇦 Дизайн-спільнота

Cover image for 10 лучших Chrome расширений для дизайнеров
Редакція
Редакція

Опубліковано

10 лучших Chrome расширений для дизайнеров

Мы, дизайнеры всегда ищем что-то новенькое, приемы или инструменты, которые помогут ускорить и улучшить наш рабочий процесс. После нескольких месяцев тестирования расширений Chrome я составил список из 10 лучших расширений и плагинов для дизайнеров.

Window Resizer

Если вы дизайнер - вы, скорее всего, сидите за 27-дюймовым iMac, когда читаете это. Тем не менее, у большинства наших пользователей нет таких мониторов, размером с слоненка.

В таком случае, хотим вам представить Window Resizer. Он реально сильно выручает, когда нужно проверить, как ваш сайт выглядит на разных экранах, в различных разрешениях. Просто откройте расширение и нажмите на окна просмотра, либо введите что-нибудь нестандартное.

Loom

Говорят, картинка стоит тысячи слов, а видео стоит 10000? 1M? Кто знает… много. Loom - это действительно потрясающее бесплатное программное обеспечение, которое поможет вам записывать анимации, пользовательские флоу или ошибки и делиться ими со своей командой.

За последние несколько месяцев я часто использовал этот инструмент. Это так замечательно, когда вы можете поделиться тем, что невозможно запечатлеть просто скриншотами. Просто установите расширение и нажмите запись. Когда видео будет готово, вы можете поделиться им и получить статистику о том, кто его просмотрел и многое другое. 10/10, рекомендую:)

Toybox

Вы тратите кучу времени на проверку элементов и выявление ошибок на вашем сайте? Предлагаем вашему вниманию расширение для Chrome Toybox. Это действительно самый быстрый способ оставить отзыв и проверить CSS прямо на вашем сайте.

Это что-то вроде InVision и Zeplin Inspecting - но на вашем сайте вместо файла дизайна. Мало того, что, когда вы оставляете комментарий, он автоматически делает снимки экрана, записывает данные браузера, информацию об ОС, размер области просмотра и многое другое. Это действительно очень необходимо любой команде или агентству.

Muzli

Необходимо немного вдохновения к утреннему кофе? Расширение Muzli Chrome вам с этим поможет. Каждый раз, когда вы открываете новое окно браузера, вам предоставляется актуальная лента разных интересных вещей. Они извлекают контент из тонны дизайнерских источников, чтобы дать вам что-то новое, модное и классное.

Я пользуюсь этим расширением в течение многих лет, и это реально здорово.

SVG Grabber

Иногда вам просто нужно выгрузить логотип или иконки со страницы. Если это так - тогда поприветствуйте SVG Grabber. Нажмите одну кнопку, и она автоматически вытянет все SVG, которые находятся на странице. Получите полное представление о том, что удалось запечатлеть, и быстро загрузите то, что вам нужно.

Page Ruler

Измерение размера объектов на вашей странице иногда может быть проблематично. Я бы определенно рекомендовал вам приобрести расширение Page Ruler, если вы часто используете инструмент для создания скриншотов.

Откройте расширение, перетащите в бокс для измерения, и все готово! Ничего сложного.

Dark Mode Dev Tools

Dark mode (темный режим) - реальная необходимость для любого дизайнера. Так что на самом деле это встроено прямо в Chrome Dev Tools и не является расширением - но я думаю, что нужно об этом упомянуть ;)

Просто откройте Dev Tools> Нажмите на иконку с тремя точками в верхнем правом углу> Нажмите настройки> В разделе Appearance, переключите его на Dark. Это оно!

ColorZilla

Иногда вам просто нужен быстрый способ узнать, какой цвет используется, и ColorZilla - отличное решение для этого. Просто наведите указатель мыши на элементы на странице, чтобы увидеть используемые значения цветов hex и rgb. Нажмите, чтобы быстро скопировать его в буфер обмена. Это быстро, просто и эффективно.

Fontface Ninja

Еще одно простое, свежее и красивое расширение для ваших загрузок - Fontface Ninja. Это позволяет вам увидеть какие шрифты используют элементы, просто наведя на них курсор. Вы также можете перейти прямо со шрифтов к странице, чтобы купить набор инструментов, для использования этого расширения.

Простое и удобное расширение.

Custom Cursor

Это конечно не совсем уж дизайнерское расширение, но все же я решил вам о нем рассказать. Custom Cursor позволяет вам изменить курсор мыши по умолчанию, на любой из предложенных в списке по вашему вкусу.

Очень весело, забавно и свежо!


Спасибо за внимание, я надеюсь, что вам понравятся некоторые из этих расширений так же, как и мне :) Пожалуйста, оставьте комментарий, если у вас есть на примете другие расширения, достойные внимания!


Перевод статьи Brendan Mahony

Топ коментарі (0)