Плагин в Figma — это специальное дополнение, которое увеличивает стандартные возможности программы. С их помощью вы можете решать различные задачи быстрее и проще. Их количество с каждым днём растёт и растёт.
На сегодняшний день, плагины могут заменить различные программы. Например, в фигме уже есть плагин фотошопа, если вам нужно отредактировать фото, вам не обязательно скачивать фотошоп, достаточно просто открыть плагин в фигме.
Я разобрала плагины на 4 группы:
- Плагины для работы с текстом
- Плагины для работы с картинками
- Плагины для работы с 3D элементами
- Другие плагины (которые я не смогла определить в группы выше)
Надеюсь данная статься будет для вас полезная, а теперь давайте начнём.
Плагины для работы с текстом
- Fishtext - создаёт рыбный текст. Если вам заказчик не дал заголовки и текста, то этот плагин поможет вам создать текст, чтобы посмотреть, как макет будет выглядеть
- Spellchecker - проверяет текст на ошибки
- Warp tools - можно деформировать текст
- SkewDat - наклоняет текст/картинки/фигуры в разные стороны
- Font preview - плагин, в котором вы сможете наглядно посмотреть, как выглядят шрифты
- Accidently great font pairings - создаёт пары шрифтов. Очень полезен для новичков, которые не умеют создавать пары шрифтов. Данный плагин учитывает все "законы" типографики и подбирает наиболее подходящие друг к другу шрифты
- Find and replace - помогает найти слово во всех макетах и заменить их на другое слово. Очень полезный плагин, так как часто случается такое, что вы уже сделали все макеты, а заказчик захотел поменять текст на кнопке, например не "купить", а "приобрести". Вместо того, чтобы вручную на каждой кнопке менять текст, с помощью этого плагина всё автоматически поменяется
- ARC - делает ваш текст по кругу
- To path - делает текст по контуру фигуры (круг, волна и т.д.)
Плагины для работы с картинками
- Content reel - бесплатная библиотека иконок в формате SVG, а также картинок
- Iconify - библиотека иконок
- Unsplash - качественные картинки одной тематики
- UI faces - подбор аваторок для макетов. Людей на аватарках можно корректировать (возраст, гендер, настроение лиц и цвет волос)
- Brandfetch/Vector logos - логотипы компаний SVG и PNG
- Insert big image - Улучшает качество импортируемого макета в фигме. Если мы вставляем огромный наш макет в фигму (чтобы сделать макет для портфолио) в фигме обычно очень большие изображения портятся в качестве, а через этот плагин, оно остаётся в изначальном качестве
- Logo creator - создаёт логотип, если нужен рандомный, чтобы просто показать заказчику, как смотрится вся картинка макета в целом
- LottieFiles - плагин с гифками
- Mapsicle - генерирует карту (обычно используется в блоке с контактами и т.д.)
- Benzin/Remove BG - удаляет фон с фотографии (чтобы им пользоваться, надо зарегистрироваться на их сайте и в плагине вставить ключ)
- Photopea - фотошоп в фигме
Плагины для работы с цветами
- Image palette - создаёт цветовую палитру по картинке
- Color compass - создаёт оттенки задаваемого цвета, а также сочетания
- Automate color styles - создаёт стили из всех цветов, которые были использованы
- Webgradients - коллекция крутых градиентов
- Mesh gradient - создание градиента по точкам
- Beautiful shadows/smoothShadow - создаёт красивые тени
- Color overlay - меняет цвет пнг
Плагины для работы с 3D элементами
- Isometric - поворачивает макеты, обычно используется для красивой работы в портфолио
- Fig3d/3d transformer - фигуры делает 3д
- Vectary 3D elements - 3d элементы, которые можно использовать в дизайне, а также мокапы
- 3d wave - делает 3д волны макетов
- 3dicons - 3д иконки
Другие плагины
- Charts - создаёт графики
- Enumerator - нумерует фреймы по порядку
- html.to.designe - выгружает любой сайт в фигму, как макет
- Quantizer - выставляет элементы в колонки (если их много, чтобы не делать вручную, он сам всё выстроит)
- Morph - делать из фигур/текстов объёмные, неоновые и тд
- Figmotion - позволяет делать анимации, передвижения элементов, бегущую строку
- Component cloner - удобен для создания адаптива. Создаёт новый мастер и его компоненты. Например есть 5 карточек (1 из них мастер) нам нужно сделать еще один мастер и столько же карточек, компонент клонер в помощь
- Autoflow - стрелки для макетов (чтобы показать путь)
- Filter effects - много эффектов для фигур/изображений (тот же шум там тоже есть)
- Spirous - различные фигуры
- Image tracer - из пнг создаёт свг
- Make blob - делает разные фигуры, по типу пузырей
- Gradient blob - "живые" градиентные пузырьки, которые переливаются и двигаются
- Get waves - делает волны
- Shaper - популярные сейчас шейпы (фигуры)
- Hero patterns for figma - коллекция патернов
- Mockup - коллекция мокапов, там также можно делать свои мокапы
Надеюсь, что моя подборка плагинов улучшит ваш дизайн и сократит время работы, ведь время - деньги!
