Баннер онлайн-платформы обучения
Миниатюра Как добавлять плагины к себе в проект, скачивать готовые шаблоны для Figma. Узнайте в материале на d-e-n.info

Обновлено:

Работа с Figma Community

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

Для начинающих веб-дизайнеров важно всегда иметь некий ориентир в уровне работ. Также это касается полезных инструментов, которые позволяют создавать дизайн-макеты на более высоком уровне. С данной целью и была создана огромная открытая библиотека Figma Community. Данный раздел поддерживается не только командой Фигма, но и обычными пользователями, что дает возможность данной библиотеке расти быстрыми темпами.

Чтобы перейти в раздел Figma Community:

  1. Перейдите на домашнюю вкладку (Иконка дома) Вкладка home в Figma
  2. Ниже нажмите на надпись "Community" Вкладка Figma Community

Из чего состоит раздел Фигма комьюнити?

Все материалы в данном разделе отсортированы по категориям и тегам.

Основные категории:

Раздел Figma Community
  1. Раздел для вдохновения - Inspiration
  2. Раздел для Figma Jam (командные сессии) - Jam Sessions
  3. Готовые дизайн-системы - Design systems
  4. Готовые наборы дополнений - Visual assets
  5. Дополнительные решения для разработчиков "Development" - Development

Как сохранить к себе проект-референс из Figma Community?

Для того чтобы сохранить готовый проект к себе в Фигму, нужно:

  1. Выбрать материал в разделе Фигма комьюнити Материалы раздел Figma Community
  2. Кликнуть по кнопке "Get a copy" Копирование проекта к себе из Figma Community
  3. После этого файл автоматически добавится в ваше библиотеку и откроется

Как добавить плагин в Figma?

С лета 2022 года плагины не нужно устанавливать в свой аккаунт Фигма. Вместо этого мы можем сохранять плагины себе в избранное, загружая их в нужный момент. Это очень классное решение с точки зрения оптимизации ресурсов.

Добавить плагин в Фигму можно двумя способами:

  1. Внутри проекта
  2. Через Figma Community

Для того чтобы добавить плагин в Figma внутри проекта:

  1. Находясь внутри проекта, кликаем по иконке добавления "ресурсов" в проект Кнопка ресурсы на панели Figma
  2. В появившемся окне, сверху, вам будут доступны плагины, которые вы использовали недавно; а внизу будут доступны плагины из сообщества Figma Добавление ресурсов в проект Figma
  3. Также вам будут доступны 3 вкладки сверху окна:
    • Последние использованные плагины
    • Сохраненные плагины
    • Раздел "Для разработчиков" (этот раздел нужен тем, кто разрабатывает плагины)
    Вкладки в разделе ресурсов Figma
  4. Вводим название плагина, который хотим найти, и кликаем по нужному плагину Поиск плагина в разделе ресурсов
  5. В окне плагина мы можем его сразу запустить (Кнопка "Run"), а можем сохранить к себе, чтобы в будущем не потерять. Я рекомендую сразу сохранить плагин, потестировать его некоторое время, а затем удалить, если это потребуется Запуск плагина или его сохранение

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

Для того чтобы добавить плагин в Figma через Figma Community:

  1. Переходим в раздел Community (см. пункты выше) Раздел Community внутри программы Figma
  2. Переходим в любой раздел
  3. В правой панели нажимаем на кнопку Plugins
  4. Выбираем нужный плагин и нажимаем кнопку "Try it out" Добавление плагина в проект Figma
  5. Автоматически откроется окно и в некоторых случаях плагин также запустится автоматически
  6. Переходим во вкладку "Resources" -> "Plugins" и в разделе "Recent" будут показаны плагины, которые вы выбрали Вкладка resources в Figma
  7. Далее все как описано выше - выбираем "Run", если хотим запустить плагин сразу Запуск плагина из ресурсов
  8. Если хотим сначала прочитать описание или сохранить плагин к себе, то кликаем по названию и далее "..." и выбираем Save

Все свой статьи я дублирую на странице ВКонтакте и Телеграм-канале. Подписывайтесь на них, чтобы получать все материалы оперативно, и в удобном формате.

Хотите изучить все инструменты в Figma, а также освоить процесс разработки дизайн-макетов? Приходите на вводный курс по UX/UI дизайну. Вы изучите начальный дизайн-процесс: работа в Figma, анализ информации, визуальная концепция, прототипирование и т.д. Ссылка на сайт курса.