Toп-10 плагинов Chrome для дизайнеров

Всё никак не набалуетесь с плагинами в Figma? Не будем забывать, что в Google Chrome так же есть полезная дюжина расширений, коротая поможет улучшить и ускорить ваш рабочий процесс.

Вы точно дизайнер? Если вы читаете это, смотря на 27-дюймовый iMac, вероятнее всего, вы таковым являетесь(да наступит же холивар всех ненавистников Apple). Тем не менее, большинство пользователей, для которых вы делаете продукт не имеют таких огромных мониторов.
Есть выход – встречайте Window Resizer. Он реально спасет жизнь, когда дело доходит до просмотра вашего интерфейса / сайта на разных диагоналях. Работает просто – откройте расширение и нажмите предустановленные размеры, либо введите свои.

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

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

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

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

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

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

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