Как добавить значки в Figma

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

Хотите узнать, как добавлять значки в это приложение, чтобы сделать ваш дизайн более интуитивно понятным? Вот все, что вам нужно знать.

Добавление иконок в Figma

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

Добавить загруженные значки

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

1. Нажмите квадратный значок на панели инструментов Figma.
   
2. Нажимаем «Разместить изображение…»
   
3. Выберите файлы, которые хотите импортировать. Щелкните и перетащите курсор в рабочем пространстве, чтобы разместить значки. Обязательно удерживайте кнопку Shift при этом, чтобы сохранить исходное соотношение изображения.
   

Установить плагин

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

Вы можете найти плагины на странице сообщества Figma. Откройте эту страницу одним из двух способов:

• Перейдите прямо на страницу сообщества в вашем браузере.
• Щелкните правой кнопкой мыши в приложении Figma и выберите «Просмотреть плагины в сообществе».

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

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

Вот как найти ваши плагины в Figma:

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

Каждый плагин индивидуален; некоторые предложат больше возможностей, чем другие. Обычно вы можете найти нужный значок в окне плагина. Чтобы добавить значок в рабочее пространство, просто перетащите его.

Как добавить значки социальных сетей в Figma

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

1. Щелкните правой кнопкой мыши в рабочей области Figma и выберите «Сообщество» или перейдите непосредственно в Figma. Сообщество страница.
   
2. Введите «значки социальных сетей» в строку поиска.
   
3. Просмотрите результаты поиска и убедитесь, что вы выбрали файл, совместимый с Figma. Наведите указатель мыши на миниатюру, чтобы увидеть небольшой значок в углу. Синий или полусиний-полуфиолетовый значок будет сигнализировать о совместимости.
   
4. Откройте запись и нажмите синий значок «Получить копию».
   
5. В раскрывающемся списке выберите учетную запись, в которую вы хотите добавить значки. Это добавит файл в папку черновиков и скопирует нужные значки из черновика в файл, над которым вы работаете.
   

Вы можете изменить файлы в соответствии со своим дизайном и даже поделиться ими позже. Тем не менее помните, что эти не являются файлами общественного достоянияи действовать соответственно.

Часто задаваемые вопросы

В каком формате файла мне следует загружать значки Figma?

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

Где я могу найти загруженные значки в Figma?

Расположение значков Figma зависит от того, как вы их загрузили.

• Если вы загрузили отдельный файл, посмотрите его в своей обычной папке загрузок.

• Если вы установили плагин Figma, вы найдете свои значки следующим образом:

1. Нажмите значок Figma в строке меню приложения и выберите «Плагины».

2. Загруженный плагин появится в выпадающем меню.

• Если вы продублировали набор значков, ваши значки будут в черновиках Figma.

1. Откройте приложение Figma и убедитесь, что вы выбрали свой профиль.

2. Нажмите «Черновики» на левой боковой панели, чтобы найти новые значки.

Добавляйте значки простым способом

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

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