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

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

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

Ссылка на плагин: https://www.figma.com/community/plugin/890494567122693015/Font-Preview

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

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

Ссылка на плагин: https://www.figma.com/community/plugin/786223450940846289/Color-Overlay

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

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

Ссылки на плагины:  https://www.figma.com/community/plugin/738454987945972471/Unsplash,
https://www.figma.com/community/plugin/775716538746765221/Pixels

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

Ссылки на плагины: https://www.figma.com/community/plugin/854152902511629627/Vector-Logos

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