Дизайн Евгений Егоров
4362

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

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

В закладки
Аудио

Window Resizer

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

Loom

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

Muzli

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

SVG Grabber

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

Page Ruler

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

ColorZilla

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

Fontface Ninja

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

Custom Cursor

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

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Евгений Егоров", "author_type": "self", "tags": [], "comments": 13, "likes": 42, "favorites": 279, "is_advertisement": false, "subsite_label": "design", "id": 79358, "is_wide": false, "is_ugc": true, "date": "Wed, 14 Aug 2019 22:38:41 +0300" }
{"average":25596,"one":95,"ten":75}
Сколько денег вы откладываете в месяц?
Ответьте и узнаете, сколько копят другие.
0 ₽
70 000+ ₽
0 ₽
{ "id": 79358, "author_id": 232262, "diff_limit": 1000, "urls": {"diff":"\/comments\/79358\/get","add":"\/comments\/79358\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/79358"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "last_count_and_date": null }
13 комментариев

Популярные

По порядку

Написать комментарий...
1

давай обзор плагинов для фигмы

Ответить
6

Весь обзор:

Google Sheets Sync — полезно.
Find And Replace — полезно.
Themer — полезно.
Similayer — полезно.

Figmotion — полезно, если вы по каким-то причинам мазохист и у вас не куплен Principle (или After Effects/Animate, прости хоспаде).

Все остальные плагины или работают криво, или практически бесполезны (в том числе в виду их кривости и/или отсутствия возможности задавать свои хоткеи).

Ответить
0

ввиду

Ответить
0

Што бы я бес ваз делал!

Ответить
1

умер

Ответить
0

Тогда хорошо, что вы есть!

Ответить
1

Я твой крестраж, а ты мой Волан-де-Морт

Ответить
2

Visual inspector - объединяет несколько плагинов, про которые написали выше. Размер, код, цвет, типографика, изображение.

Ответить
1

По-моему только ленивый ещё про это не написал )

Ответить
0

Тупой Эппл как я его ненавижу 😠😠😠😠😠😠😠😠😠😠😠

Ответить
0

Мне нужен лишь 1 плагин, чтобы можно было копироватть PNG с сайта и вставлять в тот же Photoshop с ПРОЗРАЧНЫМ фоном!

Ответить
0

Почти все действия можно выполнить с помощью стандартной панели разработчика.

SVG Grabber вытаскивает далеко не все свг. Зависит от способа вставки на страницу. Например на этой нашей странице он не видит ниодной: https://www.uborka-expert.ru/kazan

Muzli ставил. Лично мне это только мешало. И не было доступа к меню гугла, куда я часто заходил за гугл документами, почтой и остального.

Ответить
0
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Команда калифорнийского проекта
оказалась нейронной сетью
Подписаться на push-уведомления
{ "page_type": "default" }