Содержание
Иконки для Figma — сравнение плагинов
Главная » Плагины для Figma
Разбираемся в плагинах, предоставляющих иконки для Фигмы. Ниже представлена сводная таблица некоторых популярных плагинов.
Плагин | Особенности | Стоимость | Обзор |
Content Reel | Иконки — только часть контента. Ориентировочно около 3к иконок, один стиль | Бесплатно | Контент для проекта: текст, иконки, аватарки, контакты и другое |
Feather icons | Около 280 иконок, один стиль | Бесплатно | Feather icons — опенсорс иконки для Figma |
Iconly | Около 120 иконок, несколько стилей | Бесплатно | ICONLY — 120+ бесплатных иконок для Figma |
Font Awesome Icons | Около тысячи иконок, один стиль | Бесплатно | Бесплатная коллекция Font Awesome |
icons8 | Свыше 120 тысяч, много стилей | Бесплатно со ссылкой, есть платные тарифы | Icons8 — 120 тысяч коммерческих иконок |
Material Design Icons | Один стиль | Бесплатно | Бесплатные иконки для Figma |
Flaticons | 3 миллиона иконок, много стилей, для работы нужен ключ сервиса | Бесплатно со ссылкой, есть платные тарифы | Пока нет |
Vector Logos and Brands | Все известные бренды в векторах | Бесплатно | Векторные логотипы брендов |
Какими плагинами для иконок вы пользуетесь?
icons8
Iconly
Material Design Icons
Content Reel
Flaticons
Font Awesome Icons
Vector Logos and Brands
Feather icons
Poll Options are limited because JavaScript is disabled in your browser.
Публикация дополнятеся.
Content Reel
Подробнее
Плагин Content Reel призван облегчить для дизайнера наполнение проекта контентом.
Для заполнения представлены следующие категории:
- Полное имя
- Lorem Ipsum (текст-заглушка)
- Даты
- Адрес (в формате, принятом в США)
- Телефонный номер
- Курс доллара
- Иконки (SVG)
- Аватарки
Feather icons
Подробнее
Плагин портала https://feathericons.com осуществляет поиск по 280+ иконкам. Все иконки вставляются в файл фигмы как кривые с обводкой — это может отразиться на виде иконки при изменении размера. Поэтому контур мы рекомендуем слить с вектором.
Все иконки плагина выполнены в одном, линейном, стиле.
Iconly
Подробнее
Плагин Iconly содержит скромный набор (около 120 иконок) бесплатных креативов в нескольких стилях: жирные, с разорванным контуром, залитые, в тонких линиях, двуцветные.
Font Awesome Icons
Подробнее
Плагин Font Awesome Icons является неофициальным расширением для Font Awesome — набору шрифтов и иконок, который изначально создавался для Bootstrap.
icons8
Подробнее
Плагин для подбора иконок проекта icons8.ru — более 120 тысяч файлов в различных стилях.
Иконки выполнены в 32 стилях, доступны в PNG и SVG (SVG — на платных тарифах).
Бесплатный тариф требует от вас указания авторства, а также содержит ограничения по формату и размеру иконок.
Material Design Icons
Подробнее
Плагин Material Design Icons позволяет вставлять векторные иконки в стиле material прямо в проект.
Сейчас в плагине есть поиск только по имени, но разработчик обещает добавить выбор из категории, изменение стиля и размера и другие встроенные настройки, которые, впрочем, не очень-то и нужны.
Vector Logos and Brands
Подробнее
Почти в каждом проекте для web содержатся иконки социальных сетей, и больше нет необходимости держать под рукой исходники: плагин Vector Logos and Brands осуществляет поиск по всем известным брендам прямо в проекте Figma.
По теме:
Друзья и партнеры 🤌
WEB-Дизайн и Создание сайтов
18 новых ресурсов и плагинов для дизайнеров за эту неделю
Аудио перевод статьи
Салют, школа дизайна Uprock представляет подборку полезных ресурсов и плагинов для Figma.
C плагинами вы значительно сэкономите время при работе над проектом. А ресурсы станут для вас источником вдохновения и пополнения запаса необходимых элементов дизайна, таких как шрифты, иконки, иллюстрации, цвета и многое другое.
Free3DIcon
Сервис, в котором собраны 3D-иконки для ваших проектов.
Data Gif Maker
Сервис, который преобразует данные в красивые gif-изображения. Вам нужно просто выбрать одну из предложенных тем, ввести необходимые значения и сервис автоматически создаст GIF-анимацию.
Toonme
Сервис создает крутые иллюстрации из любой вашей фотографии или изображения с помощью искусственного интеллекта.
Flame
Сервис для создания текстур, имитирующих пламя. Можно менять различные настройки кисти, цвет фона и много другое.
Walvelry
Данный ресурс генерирует векторные волны, которые можно настраивать с помощью различных параметров.
Shape Divider
Инструмент создает интересные переходы между страницами в формате SVG. Можно придать им различную форму, наклон, цвет, выбрать устройство (десктоп, мобильная, планшетная версия) и многое другое.
бесплатный инструмент,
JS Image Carver
Сервис, который изменяет размер изображения с учетом его содержимого. Все что от вас требуется: загрузить исходное изображение и выбрать нужный размер. Все остальное JS Image Carver сделает автоматически.
Darker
Инструмент, который генерирует цветовую палитру на базе заданного цвета. Можно выбрать разный размер цветовой палитры, скопировать цвета и использовать их в своем дизайне, а также получить css код.
Imgen
Бесплатный инструмент автоматически создает изображения для обложек социальных сетей. Больше нет необходимости сохранять / загружать изображение, просто встройте сгенерированный URL-код прямо в серверную часть вашей CMS.
Storyset
Сервис предлагает огромную коллекцию бесплатных иллюстраций, которые можно кастомизировать под стилистику проекта, анимировать и скачивать в форматах PNG и SVG.
Logo Tester
С помощью данного сервиса можно бесплатно проверить свой логотип на соответствие лучшим отраслевым стандартам по следующим критериям: уникальность, масштабируемость, фон, цветовая палитра.
Minimal Gallery
Ресурс содержит огромную библиотеку сайтов в стиле минимализм. Вдохновляйтесь и создавайте креативные дизайны.
Pattern Generator
Бесплатный сервис, который позволяет создавать уникальные шаблоны, применяя различные фильтры и настройки. Полученное изображение можно использовать в качестве фона для вашего проекта.
Icon Scaling Tool
Понравилась иконка, но не устраивают некоторые параметры? Данный плагин позволяет автоматически изменить размер и вес иконки. Более того, вы можете экспортировать полученную иконку в формате PDF и SVG.
Cover Status
Обложки для проектов в Figma сокращают время на поиск нужного проекта. Больше не нужно создавать их вручную, плагин Cover Status сделает это автоматически. Также, вы можете присвоить статус готовности каждому проекту, что позволит еще легче ориентироваться в ваших работах.
Color Contrast Checker
Хороший дизайн должен обладать достаточным уровнем контрастности. Плагин Color Contrast Checker позволяет проверить, соответствует ли цветовой коэффициент контрастности вашего проекта требованиям WCAG. Более того, вы можете настраивать ползунки цветов и в режиме реального времени смотреть, как это влияет на контрастность.
Design Lint
Чтобы убедиться в том, что ваш дизайн готов к передаче в разработку, воспользуйтесь плагином Design Lint. Он проверит ваш макет на согласованность цветов, шрифтов, различных эффектов, обводок, отступов и автоматически исправит выявленные несоответствия.
GiffyCanvas
Создавать GIF-изображения стало еще проще. С помощью плагина GiffyCanvas это можно сделать, не выходя из Figma. Все, что от вас требуется: выбрать изображение и установить соответствующие параметры (интервал, ширина и высота). Готово!
иконок, иллюстраций, 3D-активов и анимации Lottie для плагина Figma
Получите доступ к более чем 5,7 миллионам дизайнерских ресурсов прямо в Figma
Установить сейчас
Векторные иконки
Получите более 5,1 миллиона векторных иконок
Иллюстрации
Получите более 165 000 векторных иллюстраций
3D-ресурсы
Получите более 132 000 3D-ресурсов
Анимации Lottie
Получите более 93 000 анимаций Lottie
Применение новой цветовой палитры к любому дизайну
НОВИНКА
Добавьте новый слой краски к своим проектам с помощью наших плагинов, таких как Adobe XD, G-Suite и других!
Найдите все ресурсы дизайна в одном плагине
Получите доступ к миллионам дизайнерских ресурсов в своем любимом инструменте. Найдите и вставьте желаемый элемент одним щелчком мыши.
Выберите своих любимых дизайнеров
Выберите своего любимого дизайнера и быстро получите доступ к его дизайну.
Активы качественного проектирования для любого варианта использования
Более 5,7 миллионов значков, иллюстраций, 3D-ресурсов и анимаций Lottie
3D-иллюстрации
132 000+ 3D-иллюстраций
Векторные иконки
5,1 миллиона векторных значков
Векторные иллюстрации
165 000+ векторных иллюстраций
Загрузить настольное приложение
Скачать для Mac
ОБНОВЛЕНИЕ
Скачать для Windows
Скачать для Linux
Скачать плагин IconScout для
Фигма
ПЕРЕТАСКИВАЙТЕ
Канва
НОВИНКА
AdobeXD
ОБНОВЛЕНИЕ
Microsoft PowerPoint
Microsoft Word
Приложение для рисования
Документы Google
Презентации Google
Таблицы Google
Adobe Photoshop
Adobe Illustrator
Адоб ИнДизайн
Веб-поток
Вордпресс
Элементор
Беспрепятственно переносите свои проекты во все ваши любимые инструменты
10+ лучших плагинов для значков Figma 2022 » Автор CSS
- 20 сентября 2022 г.
При разработке интерфейсов или пользовательского интерфейса значки играют центральную роль. Они помогают направлять пользователя, указывая функцию кнопки, расположение выхода или рейтинг продукта. И как таковые, они являются неотъемлемой частью любого хорошего дизайна.
См. также: Полная коллекция из 500+ бесплатных шаблонов Figma
Помимо создания дизайнов иконок вручную, что часто может занимать много времени, существует множество плагинов для иконок, доступных в Figma , который дизайнеры могут использовать для быстрой и простой вставки готовых иконок в свои проекты.
См. также: 50+ лучших плагинов Figma для дизайнеров 2022
Ниже приведен список лучших плагинов для значков в Figma 2022 , которые сделают ваш дизайн еще лучше!
См. также
Плагин Material Design Icons, который вы можете найти в Figma App Store, является одним из лучших и наиболее полезных, которые я когда-либо использовал.
Причина, по которой этот конкретный пакет значков так полезен, связана как с количеством значков, разнообразием и простотой дизайна, так и с многочисленными различными типами, которые он охватывает. От значков пользовательского интерфейса до значков вывесок и всего, что между ними, в этом плагине есть все.
Источник
Icons8 – Иконки, Иллюстрации, Фото
Еще один отличный пакет значков, который вы можете использовать в своих проектах Figma, — это плагин Icons8 от Fontastic. Этот плагин содержит более 6000 значков и содержит огромное количество значков не менее чем в 29 категориях. Эти категории включают в себя все виды различных значков, от пользовательского интерфейса до социальных сетей, навигации и многого другого. Причина, по которой этот плагин так полезен, заключается в огромном разнообразии, которое он имеет: каждая иконка имеет до пяти различных вариантов, из которых вы можете выбирать.
Источник
Иконки Font Awesome
Font Awesome, пожалуй, один из самых популярных пакетов иконок для веб-разработки. Подобно Icons8, Font Awesome также имеет огромное разнообразие значков и включает более 4600 значков и более 50 категорий. Категории также очень похожи на Icons8.
Источник
Обтекаемые иконки
Если вы ищете хорошо прорисованные, массивные и полные наборы иконок, подходящие для каждого бренда, то обратите внимание на значки Streamline. С более чем 100 000 иконок в 23 наборах вы обязательно найдете правильный стиль для своего бренда. Помимо значков, Streamline Icons также предлагает 24 000 иллюстраций в 22 наборах, 3 000 эмодзи в 4 наборах и 1 300 элементов в 5 наборах. С таким количеством вариантов.
Источник
Плоские иконки
Flat-Icons — это хорошо известный набор иконок, включающий более 27 900 иконок в различных категориях. Это делает его отличным набором для тех, кто ищет широкий выбор иконок на выбор.
Источник
Iconly v2.3
Эти значки идеально подходят для вашего следующего проекта! С пятью стилями на выбор вы обязательно найдете идеальные значки для своих нужд. Если вы ищете что-то милое или профессиональное, Iconly v3 поможет вам. Среди 600 значков вы обязательно найдете идеальные значки для своего следующего проекта!
Источник
Иконки начальной загрузки
Добавляйте значки из библиотеки значков Bootstrap непосредственно в виде SVG в свои проекты Figma. Среди более чем 1600 иконок вы обязательно найдете идеальную иконку для своего проекта.
Источник
Значок авто
Получите доступ к Auto Icon, крупнейшей библиотеке значков для дизайнеров пользовательского интерфейса с более чем 69 000 значков SVG. Премиум-иконки включают доступ к 17 000 бесплатных значков и 52 000 значков премиум-класса. С таким количеством доступных иконок вы обязательно найдете то, что вам нужно для вашего следующего дизайнерского проекта!
Источник
Икона – Набор иконок
Этот набор значков — идеальный способ начать работу с пиксельными значками в Figma. Среди 1100 значков вы сможете найти подходящие значки для своего проекта, и их легко вставить в ваш дизайн.