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

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

Window Resizer

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

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 лучших Chrome расширений для дизайнеров

Loom

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

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 лучших Chrome расширений для дизайнеров

Toybox

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

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

Muzli

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

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 лучших Chrome расширений для дизайнеров

SVG Grabber

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 лучших Chrome расширений для дизайнеров

Page Ruler

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

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 лучших Chrome расширений для дизайнеров

Dark Mode Dev Tools

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

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 лучших Chrome расширений для дизайнеров

ColorZilla

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 лучших Chrome расширений для дизайнеров

Fontface Ninja

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

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 лучших Chrome расширений для дизайнеров

Custom Cursor

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

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 лучших Chrome расширений для дизайнеров

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

Свежие вакансии
                        Emlid Emlid UX/UI Designer Офис Санкт-Петербург
                        e-Legion e-Legion UX/UI Дизайнер Офис Санкт-Петербург
                        Регистратор доменных имен РЕГ.РУ Регистратор доменных имен РЕГ.РУ UX/UI дизайнер Удаленно Москва
                        MYTONA MYTONA Game UI/UX Designer Удаленно Санкт-Петербург
                        ООО "Компания В.И.К." ООО "Компания В.И.К." Дизайнер (в офис) Офис Краснодар 35 000 ₽
Все вакансии

Оригинал: Brendan Mahony

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

2
  1. Необходимо немного вдохновения в комплект с утренним кофе? – считаете, что такое построение фразы звучит это по-русски? Вы же не дословный перевод из гуглтранслейта делаете. “Вам надо немного вдохновения к утреннему кофе?” – и то лучше звучит.

    “Это действительно самый быстрый способ оставить отзыв” – вы просто подставляете вместо английских слов русские и получается перевод? Почему нельзя написать “С помощью toybox можно быстро оставить отзыв и проверить CSS прямо на вашем сайте”.

    “Если вы часто открываете инструмент для создания скриншотов, я бы определенно рекомендовал вам приобрести расширение Page Ruler.” – это на английском так можно писать. По -русски сначала идет подлежащее, сказуемое, а потом уже все остальное ” Я брекомендую вам приобрести расширение Page Ruler если вам часто надо делать скриншоты”.

    Вы точно любите работать с текстами, а не запихивать их в гугл транслейт?

Добавить комментарий
Похожие записи

15 примеров того, как создать крутой одностраничный сайт

Вы стали профессионалом в создании многостраничных сайтов, возможно, создали нескольких довольно крупных.…

7 лучших сайтов с легальной бесплатной музыкой для видео

Независимо от того, есть ли у вас канал на YouTube, продюсерская компания…

37 замечательных примеров сочетаний шрифтов в 2019 году

Одним из наиболее эффективных способов общения и передачи вашей идеи является объединение…