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