Найти тему

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

Плагины для Figma - это внешние модули, расширяющие функционал программы. При работе в Figma я часто использую их, чтобы сделать работу быстрее и не отвлекаться на мелкие задачи. В этом графическом редакторе можно найти сотни, а то и тысячи плагинов, автоматизирующих рабочую рутину. Они позволяют создать уникальный графический контент, помогают подобрать разнообразные фотографии, систематизируют элементы в проекте. Сегодня вы узнаете как оптимизировать свою работу!

Community Figma
Community Figma

Сначала расскажу про самый известный плагин - Unsplash. Он позволяет вставлять красивые изображения с Unsplash в свои проекты. Данный сайт позволяет свободно использовать изображения как в коммерческих, так и в личных проектах. Плагин подойдёт для быстрого наполнения форм картинками в высоком качестве. Все фотографии расположены по темам, что позволит вам быстрее найти нужное изображение.

Плагин Unsplash
Плагин Unsplash

Другой плагин, который я часто использую в своей работе - SBOL Typograph. Этот плагин для исправления и форматирования кириллического текста на основе правил типографики: зеленить букву е на ё в словах, где она должна употребляться; автоматически расставит неразрывные пробелы и уберёт висячие предлоги и союзы; исправит ‘’простые кавычки’’ на «ёлочки» и ,,лапки’’, знак минуса на дефис, длинное или среднее тире; разобьёт длинные числа перед знаком валюты по разрядам и заменит в них точку на запятую; приведёт телефонные номера к нужному формату.

Плагин SBOL Typograph
Плагин SBOL Typograph

Ещё один небольшой, но полезный плагин - Round»all. Округляет выбранный вами объект или документ до ближайшего целого числа. Лёгкий плагин, который можно использовать без каких-либо усилий.

До работы Round»all
До работы Round»all
После работы плагина Round»all
После работы плагина Round»all

Плагин, который поможет вам найти простые иконки для сайта - Iconify. Импортирует значки Material Design, FrontAwesome, Jam Icons, EmojiOne, Twitter Emoji и многие другие значки. Более 100 наборов, содержащих более 100 000 значков. Если вы не любите рисовать значки и хотите ускорить процесс работы - этот плагин для вас.

Плагин Iconify
Плагин Iconify

Вставлять свои изображения в мокапы можно не только в Photoshop, но и в Figma. Artboard Studio Mockups - плагин, в котором можно легко превращать кадры в реальные макеты продуктов одним нажатием кнопки, в постоянно растущую библиотеку добавляются новые мокапы. Не все из них бесплатные, но есть множество доступных, их хватит для оформления вашего проекта или кейса.

Плагин Artboard Studio Mockups
Плагин Artboard Studio Mockups

Часто я делаю скрины сайтов, которые понадобятся мне в качестве референсов, и они получаются достаточно длинными и импортируются в Figma в очень плохом качестве. Поэтому в комьюнити данной программы я нашла полезный плагин. Insert Big Image - помогает вставить большие фотографии, разбивая их и образуя файл изображения в виде картинок меньшего размера. Это необходимо для обхода ограничения в Figma, при котором изображения более 4096 пикселей уменьшаются.

Плагин Insert Big Image
Плагин Insert Big Image

Ещё один интересный плагин - Icons8 Background Remover. Он достаточно корректно удаляет фон у изображения. Но только если это не фотография с пейзажем или изображения с другим сложным фоном. Если вам нужно вырезать предмет из простого окружения, то плагин справится на ура. Также плагин может работать сразу с несколькими изображениями.

Результат работы плагина Icons8 Background Remover
Результат работы плагина Icons8 Background Remover

И последний плагин, о котором я расскажу сегодня - User Profile | Avatar. Этот плагин позволяет дизайнерам отображать красивые аватары пользователей в прототипе вашего дизайна. Можно выбрать пол аватара, эмоции, которые он должен передавать и вписать изображение в любую форму.

Плагин User Profile | Avatar
Плагин User Profile | Avatar