![Миниатюра В статье рассказывается как работать с иконками, а также рассмотрены сервисы, где можно сказать иконки. 50+ бесплатных шаблонов, 40+ уроков, 20+ статей. Переходите и изучайте!](/images/articles/2021/2021-04-30-ikonki-dlya-figmy-servisy-gde-mozhno-skachat-ikonki-dlya-figma/example.webp)
Обновлено:
Иконки для Figma
Шаблон сайта для Figma. Тематика - продвижение диджея.
Как добавить иконку в фигме
Для того чтобы вставить иконку в фигму вам нужно:
- Скачать эту иконку в svg или растровом формате на ваш компьютер (png, jpg и др.)
- Перетащить иконки с вашего компьютера в рабочее поле программы Figma
Если вы используете растровый формат изображений, то вы можете использовать функцию Place Image (Ctrl + Alt + K).
Как в фигме поменять цвет иконки
Если ваша иконка в jpg, png или любом другом растровом формате, то цвет изменить не удастся.
Для того чтобы изменить цвет иконки в фигме (иконка в формате svg), нужно данную иконку выделить (выделить фрейм или сам векторный элемент), после этого в панели “Fill” меняете цвет у иконки.
Как перекрасить иконку в фигме в разные цвета?
Для этого вам нужно перейти в векторное редактирование (несколько раз кликните на иконку, чтобы появились опорные точки). После этого просто выделяете точки фигуры, которые вам нужно перекрасить и через панель Fill делаете это.
Бесплатные иконки для фигма
Сервисы, где можно найти бесплатные иконки:
- Iconfinder.com
- Flaticon.com (обновление декабря 2021 года - иконки платные)
- Freepik.com (данная библиотека наверно самая большая, но иконки там в формате eps, поэтому вам нужно будет с помощью векторного редактора поменять их формат)
Хотите изучить все инструменты в Figma, а также освоить процесс разработки дизайн-макетов? Приходите на вводный курс по UX/UI дизайну. Вы изучите начальный дизайн-процесс: работа в Figma, анализ информации, визуальная концепция, прототипирование и т.д. Ссылка на сайт курса.