Мы, дизайнеры всегда ищем что-то новенькое, приемы или инструменты, которые помогут ускорить и улучшить наш рабочий процесс. После нескольких месяцев тестирования расширений 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)