Technology

Плагины в Figma. Боевой набор

Использование Figma, как профессиональным инструментом, несёт за собой огромное количество нюансов. Использование библиотеки плагинов значительно упрощает жизнь дизайнерам и разработчикам. В том числе и нашим сотрудникам.
Дизайн-отдел Digex Co подготовил для вас свой топ плагинов Figma, которые чаще всего используются при работе над проектами. В данной статье мы расскажем, как пользоваться плагинами и о том, как они помогут сэкономить время и нервы.

Первый плагин, который мы хотим рассмотреть — FONT PREVIEW

Позволяет рассмотреть изменение текста при изменении шрифта. Сама Figma хоть и имеет на борту большое количество начертаний, не может визуализировать шрифты, как это делает тот же Adobe в Photoshop и Illustrator. Font Preview же покажет вам и вид шрифта и добавит понравившееся во вкладку «Избранное», а также применит шрифты на текстовые слои не выходя из плагина (что очень удобно). И немаловажный плюс — показывает изменения в кириллице. 10 из 10, не иначе!
Плагины в Figma

Color overlay

Плагин, который сильно спасает время. Позволяет перекрашивать простые PNG, не открывая Photoshop. В использовании он максимально прост, но всё же не лишён нюансов из-за своей непредсказуемости.

Итак. Создаём дубль изображения (Ctrl+D), выбираем цвет в разделе «Remove Color», который плагин затрагивать не будет, в нашем случае он просто его вырезал, что ни в коем случае нам не мешает, так как у нас имеется исходное изображение. Далее, в окошко «New Color» вводим тот цвет, который мы хотим видеть вместо удаляемого. Жмём на кнопку «Colorize» и видим результат. В нашем случае всё прошло идеально — простое изображение обработано без артефактов и полностью готово к дальнейшей работе.
Плагины в Figma

Mapsicle

Полезен для тех, кто добавляет карты местности в свой дизайн. Крайне удобный в плане поиска адреса или конкретной точки по координатам. Для полноценного использования необходима регистрация на сайте проекта для получения личного токена, который необходимо ввести в раздел «Set Token». После чего мы можем спокойно найти любую точку на карте, вплоть до поиска по почтовому индексу. Выбираем в меню плагина размер необходимого изображения и загружаем его на свой рабочий борд. Вуаля! Карта для вашего дизайна у вас в наличии отдельным слоем готова!

Из нюансов — карта на английском языке. Но в разработке может использоваться та же карта от Яндекс. Свою миссию визуализации плагин выполняет на ура.
Плагины в Figma

Unsplash и Pexels

Сразу два плагина на рассмотрении — Unsplash и Pexels. Позволяют искать и загружать стоковые изображения с серверов данных проектов, не заходя на их сайты. Всё прямо в Figma. Плагины, полезные не только дизайнерам, но и SMMщикам, которые сами верстают изображения для своих кейсов в Figma.

Из нюансов — для загрузки изображений в формате 4К, всё же придётся заходить на сайт проекта и сохранять выбранный файл на диск.
Плагины в Figma

Vector logos

И крайний плагин на сегодня — Vector Logos. Представляет собой огромную коллекцию векторных логотипов в формате SVG. Выбранные логотипы полностью готовы к редактуре. Идеальный плагин для тех, кто не хочет искать векторные логотипы в сети или вытягивать SVG из кода в F12.
Плагины в Figma
А какими плагинами пользуетесь именно вы? Делитесь своим опытом использования в комментариях к статье в наших социальных сетях и задавайте вопросы нашим дизайнерам. И мы обязательно на них ответим. И, конечно же, ждите продолжение статьи о плагинах в Figma. У нас их много!

Читать ещё