ТОП 25 БЕСПЛАТНЫХ ПЛАГИНОВ ДЛЯ ФИГМЫ
1) Remove BG
удаляет фон у изображений, не искажая качества
(https://www.figma.com/community/plugin/738992712906748191/remove-bg)
2) Pattern Hero
Плагин, который генерирует паттерны из отдельных элементов. С его помощью можно создавать уникальные фоны и текстуры.
(https://www.figma.com/community/plugin/738992712906748191/remove-bg)
3)Unsplash
Удобный плагин Фигма для изображений — автоматически ищет и загружает в макет картинки с фотостока Unsplash. Фотографию можно выбрать прямо из каталога или найти по ключевым словам в поиске.
(https://www.figma.com/community/plugin/738454987945972471/unsplash)
4) Image Palette
Плагин составляет палитру основных цветов загруженного изображения. Удобен, если нужно быстро подобрать оттенки для дизайна и нет времени определять их пипеткой вручную.
(https://www.figma.com/community/plugin/731841207668879837)
5) Image Tracer
Преобразует растровые изображения в векторную графику. Справляется как с простыми, так и со сложными объектами. Готовый рисунок можно перекрасить в другой цвет, добавить к нему эффекты, трансформировать, изменить размер и так далее.
(https://www.figma.com/community/plugin/735707089415755407)
6) Noise and Texture
Этот плагин умеет создавать бесшовные текстуры, узоры и градиенты, а также добавлять эффект шума на изображения. В настройках можно менять резкость, размер ячеек и другие параметры.
(https://www.figma.com/community/plugin/1138854718618193875/noise-texture)
7) Autoflow
На первый взгляд очень простой, но крайне полезный плагин. Один из лидеров по количеству установок.
Autoflow соединяет объекты макета друг с другом с помощью стрелочек или линий. Связи можно подписать, например, указать «Шаг 1», «Шаг 2».
(https://www.figma.com/community/plugin/733902567457592893/autoflow)
8) To Path
Этот модуль — тоже любимчик многих дизайнеров. С его помощью можно быстро разместить по контуру фигуры текст или другие элементы.
В настройках можно поменять ширину отступов, количество и размер размещаемых объектов. После добавления элементов центральную фигуру (в нашем случае это круг) можно удалить.
(https://www.figma.com/community/plugin/751576264585242935/to-path)
9) Blobs
Этот плагин умеет создавать кляксы с помощью векторной графики. Настроек всего две: Uniqueness (Уникальность) и Complexity (Сложность). При изменении параметров можно сразу посмотреть, как будет выглядеть фигура.
(https://www.figma.com/community/plugin/739208439270091369/blobs)
10) Coolors
Модуль поможет подобрать палитру для вашего дизайна. Можно выбрать понравившийся вариант из библиотеки или сгенерировать свою цветовую гамму. При клике на любой оттенок его код автоматически копируется, и вы можете сразу покрасить нужные объекты.(https://www.figma.com/community/plugin/1068919813159975006/coolors)
11) Geometric
Интересный модуль, который умеет создавать замысловатые математические фигуры и узоры. Например, с его помощью можно нарисовать сложный орнамент, мандалу, цветок.
(https://www.figma.com/community/plugin/816329785694858088/Geometric)
12) Get Waves
Простой плагин для векторов в Фигме. Умеет генерировать SVG-волны. Для создания объекта нужно выбрать тип кривой линии и настроить сложность изгибов. Готовую векторную волну можно редактировать по своему усмотрению: менять цвет, деформировать, добавлять новые изгибы, перемещать, накладывать фильтры, эффекты и так далее.
(https://www.figma.com/community/plugin/745619465174154496/get-waves)
13) Morph
Полезный плагин для работы с векторной графикой. Добавляет к изображениям разные эффекты: Skeuomorphic, Neon, Glitch, Reflection, Glass, Gradient. Их можно использовать по отдельности или комбинировать друг с другом.
(https://www.figma.com/community/plugin/906950256777348534/morph)
14) Humaaans for Figma
Простой плагин без наворотов и дополнительных функций. Добавляет в Figma библиотеку с иллюстрациями людей и разных объектов. Коллекция картинок пока небольшая, но зато все бесплатные.
(https://www.figma.com/community/plugin/739503328703046360/humaaans-for-figma)
15) Vector Maps
Модуль для создания векторных карт стран и отдельных регионов. Пригодится, если нужно показать локацию, но вы не хотите использовать стандартный вариант вроде Google Maps или Яндекс Карт.
(https://www.figma.com/community/plugin/777954172157933782/vector-maps)
16) Charts
Плагин поможет быстро сгенерировать и добавить в макет диаграмму. Это может пригодиться, если вы хотите проиллюстрировать какой-либо отчет или статистику. Для расчетов можно использовать как реальные, так и вымышленные данные.
(https://www.figma.com/community/plugin/731451122947612104/charts)
17) Iconify
Плагин с большой коллекцией иконок. В нем представлено более 100 наборов, что в сумме дает около 100 000 разных объектов на любой вкус и цвет. Все иконки разбиты по категориям, есть сортировка и удобный поиск по хештегам и ключевым словам.
(https://www.figma.com/community/plugin/735098390272716381/iconify)
18) Mockup
В этом модуле вы найдете мокапы на все случаи жизни. С его помощью можно посмотреть, как будет выглядеть дизайн на разных мониторах, телевизорах, футболках, дашбордах, экранах гаджетов и других объектах.
(https://www.figma.com/community/plugin/817043359134136295/mockup-plugin-devices-mockups-print-mockups-ai-mockups)
19) Lorem Ipsum
Простой генератор случайного текста. Пригодится, если нужно быстро протестировать макет, а тексты для проекта еще не готовы.Для генерации нужно создать текстовый слой и указать в настройках Lorem Ipsum количество параграфов, предложений или слов, которые нужно добавить. Шрифт и размер текста можно поменять с помощью стандартных параметров Figma
20) Content Reel
Этот плагин схож с предыдущим Lorem Ipsum, но его функционал более широкий. Content Reel умеет добавлять в макет не только случайный текст, но и другие типы контента: фотографии, фальшивые адреса и номера телефонов, списки, отзывы и так далее.
(https://www.figma.com/community/plugin/731627216655469013/content-reel)
21) Better Font Picker
Простой плагин Фигма для шрифтов. Удобнее, чем стандартный подборщик, так как меняет вид текста сразу при наведении курсора на шрифт. С его помощью можно быстро протестировать разные варианты и посмотреть результат на макете. В коллекции доступно более 100 шрифтов, от классических и простых до сложных и фэнтезийных.Важно: плагин показывает только шрифты, которые уже установлены в системе на вашем ПК.(https://www.figma.com/community/plugin/739922281164562258/better-font-picker)
22) Wireframe
Плагин с одной из самых больших библиотек прототипов для сайта. Для создания макета нужно запустить файл и собрать из SVG-заготовок каркас будущего дизайна. Инструмент полностью бесплатный, коллекция вайрфреймов постоянно пополняется.
Любой прототип легко меняется. Весь шаблон разбит на слои, поэтому элементы можно перемещать и удалять, корректировать размеры и так далее.
(https://www.figma.com/community/plugin/742764242781786818/wireframe)
23) LilGrid
Модуль помогает автоматически упорядочить элементы по сетке. Для этого нужно выделить объекты, задать ширину отступа и количество столбцов, а затем нажать «Применить». Если ничего не выделять, то инструмент выровняет сразу все элементы верхнего уровня на странице.
(https://www.figma.com/community/plugin/795397421598343178/lilgrid)
24) HTML To Design
Модуль умеет преобразовывать любой веб-сайт в макет Figma. Это можно сделать буквально за пару кликов: запустите плагин и укажите адрес ресурса, дизайн которого вы хотите изменить. Дальше инструмент все сделает сам: импортирует и преобразует код в макет, загрузит изображения, создаст слои.
(https://www.figma.com/community/plugin/1159123024924461424/html-to-design-by-divriots-import-websites-to-figma-designs-web-html-css)
25) Figma to WordPress
Этот плагин поможет вам экспортировать дизайн из редактора Figma и перенести его на CMS (Система Управления Контентом) Wordpress. Модуль полностью бесплатный и не требует знаний кода.
(https://www.figma.com/community/plugin/1195068675739761335/figma-to-wordpress)