Обсудить проект

15 плагинов для работы дизайнера в Figma в 2023 году

  • Юзабилити и дизайн
  • 23 июня 2023
  • 3279
  • 4 минуты

Собрали подборку из самых полезных в работе плагинов Figma, которые часто использует наш дизайнер Лера. Отрываем от сердца — сохраняйте и используйте!

Для удобства разделили плагины по принципам работы:

  1. Интерфейсы
  2. Эффекты
  3. Тексты

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

Batch styler

Одна их главных функций Figma – стили. Они дают возможность изменять свойства множества объектов, но сделать это можно редактируя каждый стиль отдельно. Благодаря Batch styler вы можете редактировать все стили (цветовые и текстовые) проекта в одном окне. Плагин необходим при создании дизайн-систем — дает возможность легко ориентироваться в большом количестве стилей и легко их редактировать. 

Batch styler

Table creator 

Удобный генератор таблиц с автоматическим редактированием.
Дизайнерам часто приходится отрисовывать таблицы. Table creator поможет сэкономить время на этой задаче — за пару секунд плагин сгенерирует нужное количество столбцов и колонок и даст возможность стилизовать таблицу с помощью компонентов.

Table creator

Phosphor icons

На сегодняшний день наиболее удобный плагин для подборки иконок, позволяет выбрать стилистику и толщину обводки.

Phosphor icons

Clay Mockups 3D

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

Clay Mockups 3D

Content reel 

Этот плагин поможет быстро заполнить проект текстами, фотографиями и иконками. Пользуюсь им на этапе прототипа, или в случаях когда нужно показать дизайн, а контента еще нет. Экономит время на поиске текстов и изображений.

 Content reel

QR coder

Моментально создаёт QR код по ссылке в векторном и растровом форматах.

QR coder

Insert big image

Позволяет обойти ограничение фигмы и вставить изображение больше 4096px без потери качества. Этот плагин всегда спасает меня при составлении кейсов на Behance.

Insert big image

Плагины для создания эффектов

Easometric

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

Easometric

Beautiful shadows

Дает возможность наложить тень на объект путем перемещения «источника света». 

Beautiful shadows

Filter effects

Плагин предлагает более 50 интересных эффектов для ваших изображений, среди них размытие, неон, эффект чернил, шума, тиснения и другие. Чаще всего использую в нем функцию размытия со смещением, который придает объекту эффект движения.

Filter effects

Morph

Один из моих любимых плагинов для создания эффектов. За один клик добавляет к выбранному объекту сложные эффекты (скевоморфизм, глитч, эффект стекла, отражение и др.) при этом сохраняет его в векторном формате.

Morph

Duotones

Добавляет эффект двухтонового изображения. Простой, но стильный эффект. Плагин предлагает цветовые подборки для применения эффекта, а также дает возможность выбрать свои цвета.

Duotones

16 современных шрифтов для сайта от классических до безбашенных!

Читать статью

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

Text prettier 

Автоматически заменит все неправильные кавычки и тире, убирает лишние пробелы, а также поставит неразрывные пробелы, чтобы в тексте не было «висячих» предлогов.

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

Text prettier 

Nisa text

Дает возможность разбить текст на строки или колонки, позволяет выравнивать и сортировать текстовые фреймы по алфавиту и длине. 

Nisa text

Content buddy 

Позволяет редактировать текст в нескольких слоях.

Content buddy 

В разделе Community регулярно добавляются новые плагины. Чтобы установить любой из них, нажмите на кнопку Try it out. После чего откроется диалоговое окно с предложением запустить плагин — нужно нажать синюю кнопку Run. Справа от этой кнопки — иконка с тремя точками (Save). Нажав на неё, сохраните плагин в своей коллекции.

Лера Горская
дизайнер

Обсуди с другими
Обсудить проект
Выберите услугу,
впишите имя и телефон, нажмите кнопку
Нужна консультанция Экспресс-аудит Реклама Аналитика Анализ конкурентов Стратегия ROI-маркетинг SMM Блог Сайт Другое
Нажимая кнопку, вы соглашаетесь с  Условиями обработки персональных данных