UXPUB

UXPUB - сообщество из 2,337 дизайнеров и творческих людей

Место, где дизайнеры делятся опытом

Создать аккаунт Войти
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)