Для чего нужен плагин iconify
Iconify documentation
Iconify is the most versatile icon framework. It was originally designed to replace outdated icon fonts with modern SVG framework, while offering ease of use that icon fonts are famous for. Since then Iconify has evolved. It offers more icons than any other solution and various native components for web app frameworks.
This documentation is split into several parts.
Icons
There is no standard for designing or publishing icons. Each icon set is different. Some use stroke for colors, some use fill, some use hardcoded palette. Usually icons contain a lot of unnecessary code. Every icon set has its own way of using icons.
Iconify attempts to streamline that, by parsing icons and converting them to the same easy to use format.
Iconify offers more than 100 open source icon sets with over 100,000 icons. All icons are pre-processed and stored in IconifyJSON format.
See icons section for list of various packages and formats.
Browse icons to see what is available.
In addition to offering open source icon data as packages, Iconify has public API.
With API you can search for icons, dynamically load icon data for icon components. It can be used to create icon pickers for projects like website customisers.
Components
Icon components are used to render icons.
In addition to icon components for popular frameworks, Iconify has SVG framework that works as modern replacement for icon fonts.
Unlike other icon components, Iconify icon components load icon data on demand from API. No need to bundle icons, no need to load unnecessary data, though you can bundle icon data to make data available without retrieving it from API.
In addition to icon components, Icon Finder is in development.
Plugins
Iconify offers plug-ins for popular software:
Plugins are based on upcoming Icon Finder and they use Iconify API to search for icons and to dynamically load icon data.
Libraries
Libraries section contains documentation for various tools that are used to develop and maintain Iconify:
10 плагинов для Figma, которые ускорят вашу работу
Aug 15, 2019 · 6 min read
Совсем недавно в Фигме появились плагины. Если верить твитам ребят из Фигмы — первые наработки по плагинам появились 2 года назад, и все это время они занимались полировкой работы API. Список плагинов пока что не такой большой, но уже сейчас есть плагины, которые значительно ускоряют проектирование — о них я хочу рассказать.
Figmotion
Из минусов — нельзя включать воспроизведение пробелом (пока я это писал — починили) и совсем странное изменение позиции объекта, надеюсь так же, что в итоге починят.
При помощи плагина можно быстро (но не без боли) сделать, например, вот такую анимацию:
Content Reel
Позволяет вставлять в дизайн рандомные данные (имена и фамилии, телефоны, адреса, почту, места работы, числа), работает супер smooth, UX простой и понятный.
Поддерживаемых языков пока что всего три, но уверен, что и наш любимый русский язык так же скоро подвезут. У некоторых из данных так же есть настройки, позволяющие гибко изменить их отображение — оставить только имена или только фамилии, вставить целые числа или со значением после запятой, изменить форматирование номера телефона.
Помимо текстовых данных есть еще текстовые иконки (уже) и аватарки (скоро будут).
Brandfetch
Просто вводите адрес сайта компании — и к вам прилетает логотип бренда. Работает не только с крупными брендами (вытащил им, например, логотип портала «Активный гражданин»)
Из минусов — логотипы забираются с сайта, а значит, с большей долей вероятности, они буду растровые и в очень маленьком разрешении. Тем не менее, если нужно быстро найти десяток логотипов для раздела «Нам доверяют» (или как его сейчас называют?) — почему бы и нет? В противном случае для векторных логотипов можно воспользоваться плагином Iconify.
Unsplash
Плагин избавляет нас от необходимости ходить за фотками из Unsplash в браузер и позволяет вставлять их, находясь прямо в Фигме. Есть поиск и вставка рандомной фотки. Так же можно выделить, например, несколько форм и вставить в них разные выбранные вами фотографии.
Важно помнить, что вставить фотографию можно только при выбранном объекте, при этом фотография вставится не в виде маски, а добавится в самый верх параметра Background.
Iconify
Этот плагин позволяет вставлять иконки из кучи наборов — в том числе Material и мой любимый Feather Icons. Есть поиск, а перед вставкой у иконки можно изменить цвет (пока что только вставкой кода), повернуть вокруг центральной оси или отразить по вертикали или горизонтали. Так же в наборах есть пак с логотипами брендов в векторе — это на случай, когда растровые логотипы из вышеупомянутого Brandfetch вас не устраивают.
Паков на мой взгляд слишком много, встречается даже два пака Feather Icons от разных авторов, поэтому не помешала бы возможность добавить паки в избранное и отображать их в самом верху списка.
Lorem Ipsum
Да, я знаю, что считается моветоном использовать Lorem ipsum при тестировании интерфейса (почитать на эту тему — https://blog.prototypr.io/why-testing-with-real-content-is-better-than-lorem-ipsum-c7c79586ee72), но во время проектирования этот текст-пустышка может помочь правильно сформировать типографику.
Плагин можно настроить так, чтобы текст начинался не с первого предложения трактата, можно указать нужное количество предложений или вообще сделать так, чтобы плагин сам нашел отрывок, который идеально поместится в выбранный контейнер текста.
Charts
Поможет, когда в интерфейсе нужно сделать много разных диаграмм (для, например, проектирования дэшборда). Здесь есть круговые и столбчатые, диаграммы-области, диаграммы-графики. Для каждого вида есть свои настройки: можно указать количество сравниваемых величин и точек для сравнения, выбрать максимальное значение для всего графика и минимальное значение для всех точек (чтобы на графике с потолком в 1000 не было провалов до, например 10).
Цвета на графике меняются при изменении любых значений, а хотелось бы отдельную кнопку, которая рандомно меняет цвета, ждем!
Viewports
Когда дизайн готов для самого маленького поддерживаемого приложением экрана, я обычно вручную переключаю размеры выбранного фрейма — при настроенных constraints (поведение объектов внутри фрейма при изменении его размеров) это помогает увидеть, как контент поведет себя на экранах большего размера. Этот плагин немного упрощает эти действия, предоставляя сразу список устройств, при нажатии на устройство размер фрейма меняется на указанный.
Процент около каждого из устройств показывает market share, хотя, несомненно, для вашего продукта у вас должны быть свои метрики по разрешению экрана.
Stark
Плагин поможет проверить контрастность элементов по отношению друг к другу, с помощью чего, в свою очередь, можно снизить нагрузку на глаза пользователей. Очень полезная штука, особенно для тех, кто любит серый текст на сером фоне (признаюсь, я раньше такое любил). Можно посмотреть контрастность текста по отношению к белому фону или по отношению к любому выбранному дополнительно объекту. Так же можно просто выбрать два объекта и узнать их контрастность по отношению друг к другу.
Сравнивать можно до двух объектов, к которым применена заливка (градиенты и обводки не в счет). Так же немного странно работает проверка текста внутри дочерних компонентов, иногда плагин просто показывает пустое окно, если выбран только текст, в таком случае поможет выбор фона компонента.
Autoflow
Выбираете два фрейма (или два объекта на разных фреймах, или объект внутри одного фрейма и другой фрейм, или два объекта внутри одного фрейма), запускаете плагин — вуаля, между объектами проводится линия. Таким образом можно очень быстро создавать наглядные user flows.
Для того, чтобы каждый раз не вызывать меню плагинов, можно использовать сочетание клавиш ⌥⌘P — оно запускает последний использованный плагин. Таким образом остается выбрать объекты и быстро связать их горячими клавишами.
6 полезных плагинов для Figma: автоматизация работы
Как быстро сделать набор визиток, найти нужный логотип и выделить одинаковые объекты.
Иллюстрация: Оля Ежак для Skillbox Media
В Figma по умолчанию практически нет функций для автоматизации работы. Например, вам придётся самостоятельно копировать и вставлять 200 имён в свои макеты визиток из таблицы, хотя было бы легче просто синхронизировать её со своим макетом. Избавиться от этой монотонной работы вам помогут плагины, которые расширяют функционал графического редактора.
Рассказываем, какие плагины для Figma помогут вам автоматизировать рутинные задачи и сэкономить время.
Find and Replace
Наверняка у вас бывало так, что какая-то мелкая ошибка в тексте оказывается сразу во всех макетах приложения. Отлавливать и исправлять такое самостоятельно очень тяжело.
Чтобы быстро исправлять мелкие опечатки в тексте, установите плагин Find and Replace — он добавит в Figma функцию автозамены, которая может полностью заменить одно слово на другое.
Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.
Google Sheets Sync
При вёрстке страницы магазина приходится бесконечно копировать и вставлять названия товаров, ценники и фотографии. Особенно обидно, если это всё есть у клиента в формате таблицы, которую просто так к Figma подключить нельзя.
Чтобы избавиться от этой ручной работы, воспользуйтесь плагином Google Sheets Sync. С помощью него вы можете добавить готовые данные из таблиц, а не заниматься этим самостоятельно.
Similayer
В Figma есть функция выделения одинаковых объектов, но она сильно ограничена. Например, вы не сможете найти кнопки с одинаковым цветом и размером.
Чтобы не искать всё самостоятельно, установите плагин Similayer. Он поможет вам быстро выделить все необходимые блоки макета с одинаковыми параметрами и изменить их.
Brandfetch
Вы наверняка часто ищете в интернете разные логотипы, чтобы добавить на промостраницу ссылки на соцсети или партнёров клиента. Обычно это занимает много времени, так как в интернете не всегда сразу попадаются картинки в хорошем качестве.
Чтобы не тратить много времени на поиск этих картинок, воспользуйтесь плагином Brandfetch, в котором, скорее всего, уже есть все нужные вам логотипы.
Iconify
Работает так же, как и Brandfetch, но уже с иконками. Плагин содержит несколько бесплатных наборов с иконками в формате SVG, которые вы можете сразу использовать в макете.
Viewports
Ещё один плагин, который помогает посмотреть, как ваше приложение будет выглядеть на разных устройствах, и сразу выявить ошибки в вёрстке или адаптации приложения.
Особенность плагина в том, что вы сразу можете посмотреть, сколько потенциальных пользователей в конкретном регионе используют определённую диагональ экрана. Но учтите, что эти цифры приблизительные и могут не отражать реальной картины.
Fvwm2 Iconify
Занимаюсь осваиванием fvwm2. Вроде, все настроил, но есть один ньюанс!
При «иконизации» программ на рабочий стол, обратный их возврат осуществляется двойным щелчком, а мне нужно одинарным! Где такая настройка, ненайду. Подскажите.
Еще хотелось бы, чтобы «иконизация» происходила не в значок, а в миниатюру окна.
Mouse 1 I A Iconify off
Для миниатюры окна гуглить «imagemagick fvwm thumbnails», там легко, но я не помню.
ага. это заработало. а было видимо так у меня:
Mouse 1 I A RaiseMoveX Move «Iconify off»
и причем курсор появлялся на поднимаемом окне, сейчас нет. И ненадо.
он прикольный. но в 2021 весьма спорный выбор. он же не сынтегрирован с системой (всякие там dbus, pulse (или pipewire) и тд)
зачем осваивать fvwm2, когда давно уже есть fvwm3?
всякие там dbus, pulse (или pipewire) и тд
а зачем это менеджеру окон?
Fvwm2 как сказали разработчики навсегда останется стабильным. И может даже получать срочные фиксы. А 3й тестовый и хрен знает что они там хотят.
Мне новое ненужно, мне нужно чтобы то, что есть реализовывало то, что мне нужно. Пусть этому будет 10 лет.
Мне новое ненужно, мне нужно чтобы то, что есть реализовывало то, что мне нужно.
Настоящий Cabal использует DWM.
ой, ну простите мою очепятку. надеюсь ваш внутренний филолог не испытал Ынфаркт )
Ничего по теме ты не знаешь, не пользовался.
Ударения ставим. Выразительнее? А то! Рассказал нам о намерениях корявым суржиком, на что было акцентировано внимание. Решил таки вкукарекнуть дальше, продолжая не разбираться в вопросе.
Вот мы и узнали о тебе всё.
у тебя там жопа горит чтоль? чего грубияним на ровном месте, мил человек?
для этого всего дбас с пульсой тоже не нужны
ты это только сейчас кукарекнуть решил, или по жизни свои тухлые «предъявы» раскидываешь?
DWM уже давно попользовал вдоль и поперек. вон настроенный лежит. Заодно и муськи, нотионы, все что есть заюзал.
Теперь вот захотел нового. И думаю тут останусь навеки. Пили че хочешь.
Насчет иконизации, подумал-подумал (да, я могу), и навскидку, а по-сути оно надо? список окон на хоткее и ничего мне больше ненадо. Все бабы, как бабы.. а моя.. ой что-то не туда.
Еще вот хз, как анимацию использовать. Модуль вроде есть, а как его палочкой потыкать непонятно.
Еще в планах поменять пимпочки на рамке окна, но пока не совсем понимаю че как. Или же убрать совсем. Но окна не катаются мышкой с зажатой Mac, Alt..
Всякие панели, и практически все что угодно он может сам. И всякие панели и кнопочки могут сами командовать чем угодно хоть громкостью, хоть записать на микрофон и открыть редактор.
Вот именно, если продукт до сих пор обновляется значит он еще сырое говно. А то что постигло дзен совершенства, так и остается в своем идеале.
Плагин что это такое простыми словами и для чего он нужен
Несмотря на сложное определение слова plugin, объяснить его можно двумя словами. Подобрав нужные для пользователя плагины, можно заметно улучшить качество и скорость работы.
Что это такое простыми словами
В каждом приложении или сайте есть свой базовый функционал, к которому каждый пользователь может добавить нужный плагин по собственному усмотрению. Удовлетворить пожелание каждого пользователя не представляется возможным, так как добавление огромного количества функций в базу игры может привести к его некорректной работе. Тем более, не всем нужны определенные функции, загромождение функционала будет только мешать пользователю, в итоге он может уйти к конкурирующей компании.
Итак, можно сказать что плагин (plugin) это дополнение к возможностям программы или сайта.
Наибольшее количество таких расширений приходится на популярные ресурсы, требующие некоторых дополнений. В пример можно привести один из самых популярных сайтов ВКонтакте, собравший большое количество плагинов вокруг себя, поскольку их разработчики заинтересованы в увеличении количества пользователей и выбирают сайты и приложения с большой аудиторией. Начиная от скачивания музыки и видео, заканчивая оформлением сайта – все это может изменить любой пользователь, настроив под себя.
Для чего нужны плагины
Также, ни один разработчик приложений и программ не сможет предугадать каждое пожелание пользователя, поэтому заниматься этим попросту бесполезно. Конечно, они стараются максимально расширить свой функционал, но все же придерживаются основных базовых функций с некоторыми «фишками» для привлечения людей.
Известное всем приложение Adobe Flash Player отвечает за множество действий с программами и сайтами, к тому же при его отсутствии, оно само предлагает установку себя. Устаревшая версия также предлагает обновиться для более корректной работы.
Какие бывают плагины, их виды
Кроме плагинов для социальной сети Вконтакте и приложения Flash Player существует огромное множество других дополнений, к примеру, плагины для WordPress отвечающих за различные функции. Все они делятся на три вида: платные, бесплатные и условно-бесплатные. Разница их состоит в функциональности и способе установки.
Бесплатные
Это самый распространенный вид среди пользователей. Иногда содержат незначительную рекламу, обладают не самым большим функционалом, но при этом работают исправно, так как разработчику важно, чтобы выбрали именно его продукт.
Условно-бесплатные
Чаще всего являются лишь демонстрационной версией платного дополнения, для расширения функций необходимо купить полную версию. Однако люди пользуются и бесплатной версией, хоть она и содержит меньшее количество функций, но по сравнению с бесплатными продуктами, их количество на порядок выше.
Плюсом можно назвать то, что у такого вида нет заканчивающегося пробного периода – никто не будет ставить жесткие условия для пользования дополнением. Человек в праве пользоваться теми функциями, что были представлены при скачивании. Если же пользователь понимает, что этого мало, он может ознакомиться с платной версией и приять решение о покупке.
Платные
Такие плагины могут быть изначально платными, а могут быть премиумным вариантом условно-бесплатных дополнений. Разработчики настроены на максимальное продвижение платного продукта, поэтому в такой версии функций намного больше, чем у бесплатного продукта. Она более продумана и детализирована.
Стоимость может варьироваться от двухсот и до нескольких тысяч рублей. Не советуется скачивать взломанную версию премиумного плагина, поскольку в таких версиях часто содержатся вирусы или другие неприятные сюрпризы, оставленные взломщиком.
Плагины (plugins) для браузеров, зачем они нужны
Ни один персональный компьютер не может спокойно существовать без браузера, на сегодняшний день это одна из самых часто открываемых программ на компьютере большинства пользователей. Их создатели оставляют огромный простор для plugin-разработчиков, и сейчас для каждого браузера их создано огромное количество.
Некоторые плагины пользуются популярностью на большую аудиторию, а некоторые нацелены на узкий круг людей. Существуют как онлайн-переводчики, вызываемые одним кликом, так и курсы валют. Или время и погода в разных странах, постоянно находящиеся на странице для мониторинга.
Плагины разрабатываются в поддержку какого-либо формата документов, как например Adobe Reader. Он позволяет открывать и читать документ прямо в браузере, так как не всегда есть необходимость в скачивании документа из интернета. Большое количество ненужных файлов только загромождает жесткий диск и тратит время пользователя на его очистку.
Где их скачать и как устанавливать
Местонахождение расширений в различных браузерах находятся в разных местах, однако способ их установки и метод работы практически не отличается.
Браузер Mozilla Firefox
Найти дополнения для Mozilla Firefox можно в верхней панели, нажав на «Инструменты» и выбрав «Дополнения». Для поиска и установки плагинов достаточно нажать «Получить дополнения», где пользователю представится список, систематизированный по критериям: популярность, категория, версия, отзывы, автор и рейтинг. Нажав на нужное дополнение, можно увидеть его описание и кнопку установки «Add to Firefox». После скачивания необходимо подтвердить установку дополнения, после чего можно будет начать им пользоваться.
Браузер Google Chrome
Аналогично дополнениями из Mozilla, расширения для Chrome находятся в шапке браузера. Нажав на «Дополнительные инструменты» и выбрав «Расширения», открывается список всех плагинов для данного браузера. Скачивание и установка не отличаются от предыдущего браузера.
Не так давно Google запретил установку в свой браузер плагинов, скачанных не из Chrome WebStore, поскольку участились случаи с утечкой конфиденциальной информации пользователей. Расширения из магазина проходят несколько проверок, благодаря которым можно быть уверенным в сохранности личной информации.
Браузер Яндекс
Российские разработчики отнеслись к дополнениям намного проще – в каталоге браузера можно найти небольшое количество дополнений, однако установка с доверительных магазинов не запрещена. Пользователи скачивают плагины из Chrome WebStore, что является простым и удобным способом.
Маркетолог, вебмастер, блогер с 2011 года. Люблю WordPress, Email маркетинг, Camtasia Studio, партнерские программы)) Создаю сайты и лендинги под ключ НЕДОРОГО. Обучаю созданию и продвижению (SEO) сайтов в поисковых системах.