Анастасия Сомова. Знакомит с плагинами для Фигмы

Анастасия Сомова Знакомит с плагинами для Фигмы

Студентка 16 потока Школы редакторов рассказала, как плагины в Фигме помогают удалить задний фон картинки, убрать висячие предлоги и расставить тире, а ещё проверить текст на ошибки и опечатки.

Сомова Анастасия

Анастасия Сомова

Коммерческий редактор.

Я занимаюсь текстовым и визуальным контентом для бренда косметики. Делаю сториз, карточки в тг-канал, пишу тексты. Всю работу делаю в Фигме, а гугл-док открываю только для больших текстовых форматов. Расскажу про плагины, которые автоматизировали рабочую рутину.

Как установить плагины

Все плагины находятся в разделе Community. Кликните по имени пользователя в левом верхнем углу и выберите Community.

Плагины Фигмы в разделе Community

Пролистайте вниз до подзаголовка By the community, for the community. Кликните по выпадающему меню и выберите Plugins. Откроется список всех доступных плагинов.

Список всех доступных плагинов в Фигме

Если нужно найти конкретный плагин, то используйте строку поиска Search Community. Она в верхнем меню.

Для установки плагина нажмите Try it out. Теперь плагин доступен для работы, ничего перезагружать не нужно.

Установка плагина Фигма

Какие плагины пригодятся редактору и дизайнеру

Я собрала любимые и проверенные плагины, которыми пользуюсь ежедневно.

Remove BG

Как работает. Вырезает задний фон у изображения. Это ещё называют «обтравка».

У плагина есть платная и бесплатная версии. В бесплатной версии 50 «кредитов» в месяц. Один «кредит» — одно вырезание фона. Дополнительные «кредиты» можно купить. Это стоит от 20 центов за штуку.

Я пробовала похожие бесплатные плагины: Benzin и Magic Cut. Benzin не всегда справляется со сложными изображениями, но в целом работает неплохо. Magic Cut же совсем бесполезен.

Проверка плагинов Фигма, удаляющих фоны, на простом изображении с белым фоном

С простым изображением на белом фоне и Benzin, и Remove BG справились одинакового хорошо

Проверка плагинов Фигма, удаляющих фоны, на фото

Портреты с мелкими деталями обтравливать сложно. Мне кажется, что Remove BG справился лучше: Benzin не удалил фон между пальцев, это заметно по фиолетовой полоске

Как активировать

После установки плагина нужно перейти на сайт и получить АПИ-ключ. Для этого в меню Plugins наведите на Remove BG и кликните на поле Set API Key. Появится окно с адресом сайта и инструкцией, как получить ключ.

Активация плагина Remove BG
Активация плагина Remove BG

По первой ссылке откроется сайт «Ремув-бг», а по второй — страница с генерацией АПИ-ключа. Нам нужно перейти по второй ссылке

Теперь нужно создать аккаунт на сайте или войти через учётную запись Гугла, как это делаю я. В меню под именем пользователя справа перейдите в My account. Выберите раздел API Keys и кликните по New API Key. Сгенерируется АПИ-ключ, скопируйте его и вставьте в окошко плагина в Фигме.

Генерация API ключа на RemoveBG

В строку перед Save вставьте сгенерированный АПИ-ключ

Как использовать. Добавьте на рабочий экран в Фигме изображение, на котором нужно удалить задний фон. Выделите его, кликнув мышкой. В меню плагинов выберите Remove BG и нажмите Run.

Как использовать плагин Remove BG

Spellchecker

Как работает. Помогает найти ошибки и опечатки. Не поможет разве что со сложными случаями пунктуации: это уже к Орфограммке и справочникам.

Как использовать. Для работы выделите текстовый слой и откройте плагин через меню.

Демонстрация работы плагина Spellchecker

Главред

Как работает. Обычный Главред, но внутри Фигмы. Удобно, что после исправления текст на макете обновляется автоматически.

Как использовать. Выберите Главред в меню плагинов, затем кликните по текстовому слою. Ошибки можно исправить прямо внутри окошка с плагином. После кликните по кнопке «Заменить текст».

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

Text Prettier

Как работает. Убирает висячие предлоги, расставляет правильные кавычки и тире.

Как использовать. Выберите текстовый слой, найдите плагин в меню и нажмите Run Text Prettier.

Из похожих плагинов есть ещё Typograff от студии Артёма Лебедева. Я больше подружилась с TextPrettier.

Демонстрация работы плагина TextPrettier

Webgradients

Как работает. Добавляет на изображение градиент из библиотеки.

Среди аналогичных плагинов есть ещё Uigradients, но в Webgradients приятнее выбор цветов.

Как использовать. Откройте плагин через меню плагинов. Щёлкните по нужному градиенту и выберите в проекте фрейм, который нужно окрасить.

Демонстрация работы плагина Webgradients

Pexels

Как работает. Добавляет на макет бесплатные стоковые иллюстрации. Это абсолютно легально: Pexels разрешает скачивать и редактировать фото и видео без ссылок на источник.

Как использовать. Откройте плагин через меню плагинов. В поисковой строке введите запрос. Поиск на русском не всегда удачно работает, лучше делать запрос на английском. Щёлкните по картинке, чтобы вставить её в проект.

Демонстрация работы плагина Pexels

Подборка по запросу «books»

Где найти больше плагинов

Сайт «Апрок». Тематические подборки плагинов и обзоры новинок есть в разделе «Медиа». Удобнее всего искать через поиск по запросу «плагины Figma».

«Виси-ру». Часто авторы статей копипастят друг друга, но иногда попадаются интересные подборки и рассказы о личном опыте. Я ищу нужные материалы через поиск по запросу «плагины Figma» или просто «Figma». С помощью «Виси-ру» я узнала про сервис и плагин Benzin — бесплатный аналог Remove BG, автор сайта сделал интервью с создателями Benzin, ребятами из Новосибирска.