Иконки - это небольшие, визуально простые графические элементы, используемые в интерфейсах Figma для представления объектов, действий, или концепций, обеспечивая быструю визуальную коммуникацию и улучшая навигацию и понимание пользователем функциональности интерфейса.
Iconify – это плагин, объединяющий все открытые коллекции иконок. Он предоставляет доступ к более чем 150 наборам, включающим свыше 200 000 иконок, позволяя легко находить и использовать нужные иконки в ваших проектах. С Iconify вам больше не нужно искать и устанавливать отдельные наборы иконок, все они собраны в одном удобном месте.
Material Design Icons – это мгновенный и простой доступ к обширной библиотеке иконок: более 35 000 иконок в форматах PNG и SVG. Вы можете искать иконки по названию или просматривать весь список, фильтровать по категориям, изменять стиль, размер и цвет. Доступны все стили: контурные, заполненные, четкие, закругленные и двухцветные. В библиотеке представлены бесплатные иконки от Google и Icons8 (с условием указания ссылки на Icons8.com или приобретения лицензии).
Feather Icons - это плагин для Figma, предоставляющий быстрый доступ к библиотеке иконок Feather. Он позволяет легко добавлять и использовать иконки Feather в ваших проектах Figma, экономя время и упрощая процесс проектирования интерфейсов. Feather Icons является проектом с открытым исходным кодом, приветствующим вклад сообщества.
Плагин Font Awesome Icons предоставляет доступ к обширной бесплатной коллекции векторных иконок, которые можно легко использовать в ваших проектах. Иконки можно фильтровать по имени для быстрого поиска нужной.
Material Symbols – это новейшие иконки от Google, объединяющие более 2500 глифов в одном файле шрифта с широким спектром вариантов дизайна. Иконки доступны в трех стилях и четырех настраиваемых стилях переменного шрифта (заливка, толщина, контрастность и оптический размер). С помощью плагина Material Symbols дизайнеры могут легко искать и добавлять символы в Figma, что делает процесс разработки более эффективным. Это позволяет быстро находить и использовать нужные иконки прямо в Figma, экономя время и упрощая работу над проектами.
Iconly Pro предоставляет доступ к огромной библиотеке из более чем 40 000 плоских и тысяч 3D и анимированных иконок с высокой детализацией, которые постоянно обновляются. Это незаменимый ресурс для дизайнеров и разработчиков, позволяющий быстро и эффективно находить идеальные иконки для любых проектов, от веб-сайтов и приложений до презентаций и маркетинговых материалов, экономя время и улучшая визуальное восприятие контента.
7. Iconduck - Icons, emojis, illustrations and logos
Iconduck – это плагин для Figma, предоставляющий доступ к более чем 275 000 бесплатных иконок, эмодзи, иллюстраций, логотипов и других графических элементов. С его помощью вы можете легко найти и интегрировать нужные векторные изображения и SVG прямо в свои проекты, используя различные популярные наборы и лицензии с открытым исходным кодом.
8. Material Design Icons (Community)
Ahmad Al Haddad |
19.09.2023 |
Установок: 64 523 ( +52) |
Лайков: 764 ( +3) | Комментариев: 15
Используйте Material Design Icons (Community) для быстрого доступа к более чем 7000 иконкам с сайта MaterialDesignIcons.com прямо в Figma. Плагин обеспечивает мгновенный поиск и вставку актуальных иконок, экономя ваше время и упрощая процесс создания интерфейсов.
9. Ionicons
Ahmad Al Haddad |
19.09.2023 |
Установок: 44 090 ( +76) |
Лайков: 426 ( +3) | Комментариев: 5
Ionicons - это плагин для Figma, предоставляющий доступ ко всем 600+ иконкам с сайта ionicons.com прямо в интерфейсе Figma. Он позволяет легко находить и использовать актуальные иконки непосредственно в ваших проектах Figma, благодаря интеграции с библиотекой ionicons.com и сервисами jsdelivr.com и fuse.js.
Symbol Icons Browser позволяет легко просматривать и копировать символы из SF Symbols, Material Icons и Font Awesome. Просто установите соответствующие шрифты, найдите нужный символ и скопируйте его глиф в буфер обмена, вставьте в текстовый объект или создайте новый текстовый объект с этим символом прямо на холсте.
Набор иконок Open Iconic от Iconduck, состоящий из 223 элементов с MIT-лицензией, идеально подходит для разработки пользовательских интерфейсов. Эти бесплатные иконки для личных и коммерческих проектов легко встраиваются в дизайн одним кликом, поддерживают мгновенный поиск и перетаскивание. Особенно популярны иконки "Закрыть", "Поиск", "Безопасность" и элементы для редактора текста. В будущем добавятся функции сохранения избранного, истории поиска и встраивания.
Flaticon от Freepik предоставляет мгновенный доступ к более чем 5 миллионам пиксельно-идеальных иконок, стикеров, фигур и векторов, которые мгновенно улучшат ваши дизайны в Figma. Вы можете искать иконки по ключевым словам, фильтровать по типу (контур, заливка, цвет и т.д.) и стилю (цветные, черные, градиентные) и вставлять их как компоненты. Доступен просмотр по конкретным наборам иконок для поддержания единого стиля.
Heroicons - это набор бесплатных высококачественных SVG-иконок с MIT-лицензией, предназначенных для использования в веб-проектах. Иконки созданы компанией Tailwind Labs. Предложения по улучшению можно оставить на GitHub.
Iconoir Icon Library by Iconduck – это бесплатная библиотека из 1188 иконок с открытым исходным кодом (лицензия MIT), идеально подходящая для новых проектов. Благодаря широкому выбору, вы наверняка найдете иконку для любых ваших нужд, будь то пользовательские профили, стрелки, языковые иконки, QR-коды или символы безопасности. Плагин позволяет легко перетаскивать иконки, мгновенно осуществлять поиск и добавлять их в ваш дизайн одним кликом. В будущем появятся функции сохранения избранных иконок, просмотра истории поиска и добавленных элементов.
SVG Repo - это библиотека бесплатных векторных иконок и изображений для ваших проектов. Здесь вы найдете более 500 тысяч элементов в 35 различных стилях, оптимизированных для коммерческого использования. Благодаря быстрому поиску, основанному на машинном обучении, вы легко найдете нужный вектор, который можно вставить в дизайн одним кликом или перетащить.
Ant Icons - это набор иконок для Ant Design UI, популярной библиотеки React компонентов. Плагин позволяет искать и добавлять иконки прямо в Figma, упрощая процесс проектирования интерфейсов. Иконки автоматически получают названия в фреймах, а функция поиска ускоряет нахождение нужной иконки. В будущем планируется добавить возможность перетаскивания иконок прямо на холст.
Eva Icons от Iconduck – это бесплатная библиотека из 490 иконок с открытым исходным кодом, идеально подходящих для дизайна мобильных приложений, веб-сайтов и других продуктов. Они охватывают широкий спектр применений, включая пользовательский интерфейс, социальные сети (логотипы Twitter, GitHub и т.д.) и редакторы текста. Вы можете легко перетаскивать иконки, быстро находить нужные, а также добавлять их в свои проекты одним щелчком мыши.
Плагин IconPark Icon Set by Iconduck для Figma предоставляет доступ к библиотеке из 1487 бесплатных иконок, предназначенных для мобильных, десктопных, веб- и печатных проектов. Вы можете легко искать нужные иконки, перетаскивать их в свои дизайны, просматривать историю поиска и использования. Доступны популярные категории, такие как транспорт, поиск, пользователи, профили и чаты. В будущем планируется добавить возможность сохранения избранных иконок.
Awesome Icon Export позволяет экспортировать ваши иконки из Figma в любом текстовом формате. Просто поместите иконки в фреймы, имена которых начинаются с определенного префикса (например, "icon"). Выберите нужный формат, скачайте файл или скопируйте его содержимое в буфер обмена. Настраивайте параметры, такие как префикс, имя файла и способ определения размеров иконки. Также можно создавать собственные форматы экспорта с помощью встроенного редактора шаблонов.
Icon Hub – это кладезь популярных open source иконок, черпающий вдохновение из Material Design Icons, FontAwesome и множества других известных библиотек. Он предлагает широкий выбор стилей: заполненные, контурные, закругленные и другие, а также предоставляет инструменты для поиска, преобразования и оптимизации иконок. С Icon Hub дизайнеры и разработчики могут легко находить, настраивать и использовать бесплатные иконки для своих проектов, значительно ускоряя процесс разработки интерфейса.
Инструмент Icon Scaling от Microsoft Design позволяет легко создавать и масштабировать иконки разных размеров. Он автоматически применяет стили Fluent Design, проверяет и исправляет ошибки именования, дублирования и размеров, а также гарантирует соответствие иконок сетке и правилам заливки. С помощью этого инструмента можно подготовить набор иконок к экспорту в форматах SVG, PDF и с текстовым описанием, значительно упрощая процесс создания иконок для различных платформ.
22. figma-icon-automation
Hal Lee |
21.06.2020 |
Установок: 5 140 ( +1) |
Лайков: 144 | Комментариев: 10
Figma Icon Automation - это плагин для Figma, автоматизирующий процесс преобразования SVG-кода иконок в React-компоненты и их последующую публикацию в NPM. Плагин работает в связке с Github Actions и NPM, позволяя разработчикам быстро обновлять и использовать иконки в своих проектах через терминал. Он значительно упрощает workflow создания и распространения библиотек иконок, делая процесс более эффективным и удобным.
Iconur - это набор простых и единообразных иконок, разработанных для придания элегантности вашему интерфейсу и обеспечения консистентности дизайна. С помощью плагина вы можете настраивать размер, цвет и толщину линий иконок, а затем легко перетаскивать их на свой холст. Этот набор идеально подходит для тех, кто ищет минималистичные и функциональные иконки для своих проектов.
Health Icons Figma Plugin предлагает бесплатные иконки медицинской тематики для использования в коммерческих и личных проектах. Вы можете редактировать и переиздавать их без указания авторства. Это удобный инструмент для быстрого добавления профессиональных медицинских иконок в ваши Figma-дизайны.
Iconbuddy - это поисковая система с более чем 180 000 иконок с открытым исходным кодом, которую можно использовать для поиска, загрузки, настройки и редактирования иконок. С помощью плагина для Figma дизайнеры могут находить нужные иконки и вставлять их непосредственно в свои проекты. Просто введите запрос в строку поиска, и после выбора иконки её SVG-код будет добавлен в ваш макет.
Font Awesome Icons V6 – это библиотека бесплатных векторных иконок версии 6. Используйте ее для добавления масштабируемых иконок на веб-сайты и в приложения. Просто перетащите иконку в свой макет или кликните по ней, чтобы использовать в дизайне. В коллекции представлены разнообразные символы, которые можно легко стилизовать и адаптировать под нужды вашего проекта.
27. central icon system
Martin David |
31.01.2024 |
Установок: 1 763 ( +13) |
Лайков: 437 ( +4) | Комментариев: 7
Central icon system – это коллекция иконок, разработанная для упрощения и ускорения процесса дизайна продуктов. Включая более 30 000 иконок в различных стилях, система предоставляет широкий выбор символов, легко адаптируемых под ваш бренд. Через удобный плагин вы можете настраивать толщину обводки, скругление углов и выбирать между линейным и залитым вариантами, обеспечивая четкое и качественное отображение на любом устройстве. Это не просто набор иконок, а мощный инструмент для создания лучших продуктов.
28. App Icon Generator - Export to Xcode & Android Studio
App Icon Generator позволяет экспортировать иконки приложений с нужными размерами для Android, iOS, watchOS, macOS, Flutter и PWA в один клик. Плагин автоматически генерирует полные наборы иконок для Xcode (AppIcon.appiconset) и Android (hdpi, xxxhdpi и другие), экономя время разработчиков мобильных приложений. Поддерживает динамические размеры, настройку имен файлов и работает как в Figma, так и в Dev Mode.
Этот плагин Figma предоставляет доступ к библиотеке иконок IconBrew Icon Set от Iconduck. Это библиотека иконок с открытым исходным кодом, разработанная для мобильных, настольных, веб- и печатных проектов. Она включает в себя 318 иконок, которые можно искать и добавлять в ваши дизайны. Среди популярных иконок - глобус, чат, конверт, почта и транспорт. Плагин позволяет перетаскивать иконки, мгновенно искать по ним, добавлять одним кликом, просматривать историю поиска и использования.
Lil Pixel Icon – это простой в использовании векторный редактор для создания пиксельных иконок размером 16x16. Благодаря интуитивному интерфейсу и ориентации на минимализм, вы сможете быстро и точно создавать стильные и масштабируемые иконки без потери качества. Lil Pixel Icon позволяет легко воплотить очарование пиксельной графики в ваших проектах, добавляя им уникальный визуальный стиль. Создавайте собственные цветовые палитры, используйте режимы зеркального отображения и наслаждайтесь процессом создания пиксельных иконок!
Flamel - это AI-помощник для Figma, позволяющий легко создавать потрясающие 3D-иконки, идеально подходящие под ваш дизайн. Просто опишите иконку текстом, и Flamel мгновенно сгенерирует высококачественный 3D-вариант, автоматически удалит фон и импортирует его в ваш проект Figma. Каждую неделю появляются новые коллекции иконок для вдохновения, а в будущем станет доступна генерация на основе ваших собственных визуальных материалов.
Улучшите дизайн и разработку ваших плагинов с помощью набора из более чем 180 минималистичных иконок пользовательского интерфейса Figma. Легко находите иконки, перетаскивайте их на холст, создавайте компоненты и скачивайте в формате SVG как все, так и отдельные элементы. Этот набор идеально подходит для ускорения и упрощения процесса создания интерфейсов плагинов Figma.
One Click SVG упрощает работу с SVG-иконками, автоматически подготавливая их для вставки в HTML. Плагин делает иконки адаптивными, уникализирует ID градиентов и масок, а также позволяет создавать монохромные версии (fill="currentColor"). Настраиваемые параметры, такие как отключение изменения ширины и удаление непрозрачности, обеспечивают гибкость в управлении стилем и размером иконок. Это значительно ускоряет процесс разработки, избавляя от ручной правки кода.
VectorSymbols - это инструмент для экспорта векторных иконок из Figma в формате SVG Symbol. Он позволяет выбирать компоненты и фреймворки с векторными слоями, настраивать правила заливки (nonzero или evenodd) для лучшей совместимости и гибкости. Инструмент генерирует SVG Symbol файл с CSS-переменными для стилизации, JSON файл с данными и исходные SVG файлы. VectorSymbols также предлагает функции для настройки ограничений, толщины обводки и добавления тегов к компонентам для удобного поиска.
Awesome Icon Label Writer - это плагин для Figma, который автоматически переименовывает текстовые слои, содержащие иконки Font Awesome, в их соответствующие названия. Он идентифицирует иконки, определяет их версию и стиль Font Awesome, а затем переименовывает слой в формате "[FA{версия}-{стиль}] {название иконки} / {unicode}". Это упрощает организацию и поиск иконок в проектах Figma, автоматически генерируя понятные и информативные имена для текстовых слоев с иконками.
36. ICO Exporter
Yunser |
01.06.2023 |
Установок: 445 |
Лайков: 36
ICO Exporter позволяет создавать и экспортировать иконки в формате .ico. Вы можете выбрать нужный размер иконки перед сохранением, что делает его удобным инструментом для подготовки иконок для различных целей. Это особенно полезно, когда требуется создать иконки с определенными размерами для приложений или веб-сайтов.
SF Symbols Optimizer - это Figma плагин, который экспортирует иконки в формате SVG для использования в качестве пользовательских символов в SF Symbols (версий 5 и 6). Он позволяет преобразовывать фреймы и компоненты Figma в SVG-файлы, совместимые с SF Symbols, поддерживая вариации размера и толщины (Small, UltraLight, Regular, Black). Полученные SVG-файлы добавляются в Xcode как ресурсы, становясь доступными для всех весов и масштабов, что упрощает интеграцию иконок в приложения iOS.
38. Iconiex - icons, illustrations, and emojis. A highly enhanced Figma plugin with 500+ icon packs.
Iconiex - это мощный Figma плагин для дизайнеров, предлагающий обширную библиотеку из 140,000+ высококачественных иконок, иллюстраций и эмодзи, органично интегрированных в дизайн-процесс. С более чем 400 наборами иконок, Iconiex позволяет легко находить и настраивать нужные элементы для проектов, предлагая удобный поиск, сортировку по стилям и категориям, а также легкую кастомизацию, делая его незаменимым инструментом для повышения эффективности работы.
IconDescription экономит ваше время на поиске нужных иконок. С помощью ИИ он автоматически создает описания иконок на нескольких языках, позволяя мгновенно найти подходящую иконку. Просто ищите по функции, объекту или теме. Поддерживается 6 языков: английский, французский, испанский, итальянский, немецкий, португальский и другие. Первые 10 описаний бесплатны, а для дальнейшего использования потребуется ваш собственный API-ключ OpenAI.
Dot Matrix – это плагин для Figma, позволяющий создавать настраиваемые точечные иконки размером 11x11. Вы можете проектировать иконки, переключая точки на сетке, а плагин генерирует два фрейма размером 24x24 пикселя: один с белым фоном и черными точками, а другой – с черным фоном и белыми точками. Этот инструмент идеально подходит для создания простых пиксельных иконок или паттернов прямо в Figma.