Как добавлять и использовать плагины в Figma

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

Как использовать плагины в Figma на ПК

Большинство плагинов Figma разработаны для работы в среде ПК. ПК позволяют легко настраивать нажатия клавиш и команды для создания ярлыков для наиболее часто используемых функций, таких как «копировать и вставить» или «сохранить и закрыть». Оба они являются важными ярлыками в приложениях для дизайна, таких как Figma. Windows также поддерживает программное обеспечение для редактирования фотографий (Paint) и программное обеспечение для векторных иллюстраций (Inkscape), оба из которых могут быть весьма полезны при создании изображений в Figma или создании индивидуальных шрифтов значков в рамках процесса разработки вашего проекта.

Если вы используете Figma на ПК, вы можете запустить плагин из нескольких мест:

а) Панель быстрых действий

Панель поиска быстрых действий помогает находить объекты, не касаясь мыши. Все, что вам нужно, это ваша клавиатура.

Чтобы запустить плагин из панели быстрых действий:

1. Нажмите Ctrl+/
   
2. Введите имя плагина во всплывающем окне. Если плагин уже установлен, он сразу появится на вашем экране. Если существует несколько плагинов с очень похожими именами, Figma отобразит их все, чтобы вы могли выбрать тот, который вы хотите запустить. В этом случае для перемещения по списку можно использовать клавиши со стрелками вверх и вниз.
   
3. Найдя плагин, нажмите Enter, чтобы начать его запуск. На этом этапе плагин должен быть открыт и готов к использованию.
   

б) Меню «Файл»

Меню «Файл» расположено в верхнем левом углу редактора Figma. Он позволяет выполнять множество команд, включая открытие новых файлов, редактирование существующих работ, рисование векторов и ввод текста. Вы также можете запускать плагины из меню «Файл». Вот как:

1. Нажмите на три горизонтальные линии в верхнем левом углу. На всплывающем экране вы должны увидеть список команд.
   
2. Наведите указатель мыши на «плагины». Откроется список всех плагинов, которые вы установили в Figma.
   
3. Нажмите на плагин, который вы хотите запустить.
   

в) Меню правой кнопки мыши

Благодаря контекстному меню процесс запуска и работы плагинов не должен быть сложным:

1. Поместив курсор в любое место холста, нажмите правую кнопку мыши.
   
2. Наведите указатель мыши на «плагины», чтобы открыть список всех плагинов, которые вы установили в Figma.
   
3. Нажмите на плагин, который вы хотите использовать. Некоторые плагины могут отображать подсказки на экране перед запуском.
   
4. На этом этапе плагин выполнит запланированное действие с активным в данный момент объектом, слоем или файлом.
   

Если вы недавно использовали плагин, вы можете запустить его еще раз, нажав правую кнопку мыши и выбрав «Запустить последний плагин» во всплывающем меню.

Как добавлять и использовать плагины в Figma на Mac

Плагины Figma — популярный способ добавить функции, которые интерфейс не предлагает «из коробки». Возможность плавно переключаться между просмотром кодовой базы и внесением изменений в режиме реального времени означает, что вы никогда не тратите время на переключение контекстов взад и вперед в ходе рабочего процесса.

Компьютеры Mac совместимы с Figma, а это значит, что вы можете использовать плагины, которые помогут повысить эффективность работы над проектом.

Вот как вы можете использовать плагины в Figma на Mac:

1. Нажмите Control + /
   
2. Введите имя плагина во всплывающем окне. Для перемещения по списку используйте клавиши со стрелками вверх и вниз.
   
3. Найдя плагин, нажмите Enter, чтобы начать его запуск.
   

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

Чтобы повторно запустить последний использованный плагин, нажмите Option + Command + P.

Плагины для мобильных приложений Figma

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

Также важно отметить, что вы можете использовать мобильное приложение только в том случае, если вы одновременно вошли в систему в веб-приложении или настольном приложении.

Самые добавляемые плагины Figma

Несмотря на то, что плагинов Figma существует множество, среди энтузиастов Figma огромной популярностью пользуются несколько удобных. Вот топ-5 самых добавляемых плагинов Figma:

1. Удалить всплеск

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

2. Иконизировать

Разве не неприятно тратить часы, пытаясь создать несколько значков на одной странице, только чтобы понять, что они не масштабируются в исходном размере и выглядят пиксельно? Войдите в Iconify. Это плагин, используемый интерфейсными разработчиками для объединения наборов значков и создания красивых, насыщенных и современных пользовательских интерфейсов. Iconify разработан таким образом, чтобы можно было легко добавлять собственные значки или значки прямо из браузера без необходимости использования внешнего редактора.

3. Иконки материального дизайна

В Material Design Icons есть все, что вам нужно. Доступно более 27 000 значков, поэтому вы почти гарантированно найдете значок, идеально подходящий для вашего интерфейса.

Material Design Icon Suite включает векторную графику и файлы шрифтов, используемые для визуализации различных стилей значков. Если вам нужны простые черно-белые фигуры или сложные композиции из нескольких цветов с градиентами, тенями или вставленными тенями, этот плагин поможет вам. Для вашего удобства фигуры поставляются как в многоуровневых файлах SVG, так и в многослойных файлах PNG.

4. Очень хорошо

Lorem Ipsum — это тип фиктивного текста, используемый в дизайне, типографике и полиграфии. Его плагин позволяет дизайнерам вставлять разделы фиктивного контента, чтобы имитировать внешний вид реальной копии. С помощью этого инструмента вы можете легко определить такие детали, как близость и размещение, количество слов в строке, межбуквенный интервал и кернинг. Вам не придется тратить время на разработку блоков вспомогательного контента, которые могут даже не соответствовать вашему типографскому дизайну.

5. Ролик с контентом

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

Экономьте время с плагинами Figma

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

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