Миниатюра В статье рассказывается как работать с иконками, а также рассмотрены сервисы, где можно сказать иконки. 50+ бесплатных шаблонов, 40+ уроков, 20+ статей. Переходите и изучайте!

Обновлено:

Иконки для Figma

Шаблон сайта для Figma. Тематика - продвижение диджея.

Как добавить иконку в фигме

Для того чтобы вставить иконку в фигму вам нужно:

  1. Скачать эту иконку в svg или растровом формате на ваш компьютер (png, jpg и др.)
  2. Перетащить иконки с вашего компьютера в рабочее поле программы Figma

Если вы используете растровый формат изображений, то вы можете использовать функцию Place Image (Ctrl + Alt + K).

Как в фигме поменять цвет иконки

Если ваша иконка в jpg, png или любом другом растровом формате, то цвет изменить не удастся.

Для того чтобы изменить цвет иконки в фигме (иконка в формате svg), нужно данную иконку выделить (выделить фрейм или сам векторный элемент), после этого в панели “Fill” меняете цвет у иконки.

Как перекрасить иконку в фигме в разные цвета?

Для этого вам нужно перейти в векторное редактирование (несколько раз кликните на иконку, чтобы появились опорные точки). После этого просто выделяете точки фигуры, которые вам нужно перекрасить и через панель Fill делаете это.

Бесплатные иконки для фигма

Сервисы, где можно найти бесплатные иконки:

  1. Iconfinder.com
  2. Flaticon.com (обновление декабря 2021 года - иконки платные)
  3. Freepik.com (данная библиотека наверно самая большая, но иконки там в формате eps, поэтому вам нужно будет с помощью векторного редактора поменять их формат)
Хотите изучить все инструменты в Figma, а также освоить процесс разработки дизайн-макетов? Приходите на платный интенсив по веб-дизайну. Вы изучите полностью весь дизайн-процесс, в том числе: работа в Figma, общение с заказчиком, анализ и выполнение ТЗ, управление проектами и т.д. Ссылка на сайт интенсива.
Интенсив по веб-дизайну от сайта d-e-n.info