Figma — это мощный графический онлайн-редактор, который позволяет дизайнерам работать совместно, если это потребуется, в реальном времени.
Одной из ключевых особенностей Figma является возможность использования плагинов, которые значительно расширяют функционал редактора. Эти инструменты помогают автоматизировать рутинные задачи, улучшать качество работы и добавлять новые возможности, которых изначально нет в Figma.
Перед тем, как приступить к обзору плагинов, я хочу порекомендовать вам несколько хороших курсов по обучению веб-дизайну. Если у вас есть желание развиваться в этом направлении, то после обучения есть все шансы получить не только качественные знания, но и устроиться на высокооплачиваемую работу.
Курсы по скидке - это общая ссылка на все курсы от Skillbox со скидкой в 65%, на случай, если вы хотите изучить не только дизайн.
- Профессия веб-дизайнер - Skillbox.
- Веб-дизайнер - Contented.
- Веб-дизайнер - Нетология.
- Профессия web-дизайнер - GeekBrains.
- Гейм-дизайнер - Xyz-school, если вам интересно игровое направление.
Ниже приведен список самых полезных плагинов для Figma, которые пригодятся веб-дизайнерам и другим специалистам.
Плагины для работы с изображениями, иконками и фигурами
1) Unsplash — быстрое добавление бесплатных изображений из обширной библиотеки в ваш проект.
2) Blush — коллекция иллюстраций от различных художников, которые можно использовать для личных и коммерческих проектов.
3) Icons8 Background Remover — инструмент для удаления фона с изображений без потери качества.
4) Insert Big Image — позволяет добавлять изображения с высоким разрешением без ухудшения их качества.
5) Image Trim — автоматическое удаление лишнего пространства вокруг изображения.
6) Feather Icons и Open Iconic Icon Set — две коллекции иконок для использования в различных проектах.
7) Figmoji — библиотека эмодзи, упрощающая вставку смайликов в макеты.
8) Blobs — генератор случайных векторных форм для создания уникальных композиций.
9) Wave & Curve — создание волнообразных и криволинейных форм.
10) Shaper — коллекция базовых и трендовых фигур.
11) To Path — преобразование текста или фигур по заданной кривой.
12) Warp It — инструмент для деформации и искажения векторных форм.
13) Roughly — создание нарисованных от руки небрежных фигур.
Плагины для работы с цветом, текстурами и тенями
1) Image Palette — генерация цветовой палитры из изображения.
2) UIGradients — выбор из более чем 350 градиентов для применения к фреймам, группам и текстам.
3) Grainy Gradient — создание текстурных градиентов с эффектом зернистости.
4) Color Blind — симуляция восприятия цветов для людей с различными формами дальтонизма.
5) Noise & Texture — добавление шумов, текстур и узоров.
6) Morph — создание эффектов, таких как скевоморфизм, неон и глитч.
7) Beautiful Shadows — генерация реалистичных теней с настройкой "источника света".
Плагины для анимации и 3D-объектов
1) Illustrations — библиотека 3D-элементов и иллюстраций с лицензией Creative Commons.
2) Perspective Toolkit — инструмент для работы с перспективами элементов и изображений.
3) 3D Wave — создание 3D волн из изображений и фигур.
4) Figmotion — создание анимаций на уровне After Effects.
5) Animate Text — анимация текста по буквам, словам, строкам или абзацам.
6) Parallax — создание эффекта параллакса.
7) Eezin — создание плавных анимаций для прототипов.
8) Prototyper — добавление переходов, анимаций и интерактивных элементов в макеты.
Плагины для работы с текстом
1) Content Reel — заполнение макетов контентом: имена, адреса, номера телефонов и другие данные.
2) ARC — изгиб текста по кривым, например, полукругом.
3) Contrast — проверка контрастности цветов на макете.
4) SBOL Typograph — исправление типографических ошибок и форматирование текста.
5) Character Counter — подсчет символов для контроля длины текста.
6) Text Fill — заполнение текстом выбранных фигур.
7) Font Master — анализ стилей шрифтов и их использование в проекте.
8) Spellchecker — проверка правописания и исправление ошибок.
Плагины для мокапов и прототипирования
1) Artboard Studio Mockups — библиотека мокапов для любого вида продуктов.
2) Clay Mockups 3D — мокапы устройств в 3D с настройкой модели, цвета и угла обзора.
3) Mockup Plugin — большая коллекция мокапов мобильных устройств, ноутбуков и планшетов.
4) Angle Mockups — библиотека мокапов с различными ракурсами.
5) Wireframe — библиотека шаблонов для создания прототипов.
6) Table Creator — инструмент для создания таблиц.
7) Destroyer — удаление ненужных элементов из проекта, таких как гиперссылки и стили.
Как установить плагины в Figma
Плагины в Figma можно найти и установить через Figma Community. Для этого достаточно открыть приложение или веб-версию Figma, перейти в раздел "Community" и использовать поиск для нахождения нужного плагина. Установить плагин можно как из интерфейса проекта, так и через основное меню "Explore Community".
