Найти в Дзене
Дизайн в Figma

5 полезных плагинов для Figma, которые существенно ускорят работу

То, что тебе обязательно пригодится
Оглавление

Плагины в Figma являются неотъемлемой частью работы в данном редакторе. За счет плагинов, можно намного ускорить и улучшить работу.

Usplash

Плагин для быстрого автозаполнения блоков фотографиями

Самый популярный плагин, который только есть в Figma. Он позволяет найти картинки на любую тематику и добавить их прямо. в проект. Не нужно будет сворачивать программу, чтобы зайти в браузер и искать ту самую картинку.

Map Maker

Плагин для добавления карт в проект

Если вы делаете проект и необходимо добавить фотографию карты, чтобы показать где находится объект, то этот плагин вам необходим. Он работает с картами Google Maps и Mapbox.

Для примера будет показано использование Google Maps

1 - Выбираем необходимую карту, 2 - Адресная строка, куда нужно будет написать название локации, 3 - Блок, для использование кастомных стилей
1 - Выбираем необходимую карту, 2 - Адресная строка, куда нужно будет написать название локации, 3 - Блок, для использование кастомных стилей

Если нужно поменять стиль карты, то нужно перейти по одной из ссылкой, которая находится ниже поля Custom Style

Для примера был выбран Snazzy Map.
Для примера был выбран Snazzy Map.

Iconify

Бесплатные иконки прямо в Figma

Очень полезный и нужный плагин, который должен быть в арсенале любого дизайнера. Суть его проста — быстрый поиск и добавление нужной иконки в SVG-формате в ваш проект. За счет формата SVG, иконки можно будет редактировать прямо в Figma.

Окно плагина
Окно плагина

Content Reel

Плагин для наполнения макета сайта контактной информацией

Плагин нужен, чтобы наполнить страницы макета уникальным контентом. Он выдаёт имена, телефоны, адреса, сайты, email, а также аватары и иконки.

Пример работы плагина
Пример работы плагина

Image tracer

Плагин, который умеет переводить растровой графики в векторную

Было такое, что есть картинка какого-то объекта и мы хотим его использовать, например, как иконку. Но мы начинаем уменьшать изображение и оно теряет качество, захотели поменять цвет, но нельзя. В таких случаях нам поможет данный плагин. Он переводит растровое изображение(картинку) в векторную. За счёт этого мы можем изменять объект так, как нам необходимо.

Переводим растр в вектор в Image tracer
Переводим растр в вектор в Image tracer