{"id":14270,"url":"\/distributions\/14270\/click?bit=1&hash=a51bb85a950ab21cdf691932d23b81e76bd428323f3fda8d1e62b0843a9e5699","title":"\u041b\u044b\u0436\u0438, \u043c\u0443\u0437\u044b\u043a\u0430 \u0438 \u0410\u043b\u044c\u0444\u0430-\u0411\u0430\u043d\u043a \u2014 \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0433\u043e\u0440\u0435","buttonText":"\u041d\u0430 \u043a\u0430\u043a\u043e\u0439?","imageUuid":"f84aced9-2f9d-5a50-9157-8e37d6ce1060"}

FigMoji — конструктор эмодзи на Figma

Редактор Figma с самого начала был многогранным инструментом для дизайнера. Помимо разработки веб-дизайна, дизайна приложений, он также дал возможность разрабатывать иллюстрации или презентации.

Да, он бесплатный, весь векторный, и это первая его версия Сергей Иванов

Component и автоматизация

За счёт сущности «компонент» мы можем придумать не только универсальные кнопки, меню и так далее, но и автоматизированные решения для направления иконографики или иллюстрации.

Спойлер моего айконпака показывает как можно упростить себе задачу за счёт компонентов и/или автолейаутов Сергей Иванов

Идея

Пришла ко мне незамедлительно — я хотел всегда иметь под рукой эмодзи для различных оформительских целей. Конечно, векторные. Конечно, как в iOS. Можно реплику, но хорошего качества, а не как в Гугл картинках.

Но пошёл дальше и придумал как реализовать вариативность значков — за счёт компонентов и условий, на которых они реализуются.

Благодаря делению иллюстрации на части, можно отдельно менять всё вплоть до отдельного глаза или брови Сергей Иванов

Брови, глаза, рты…

Смысл системы заключается в разработке каталога компонентов отдельных элементов (брови, глаза, основа, рот, детали) с именованием по правилам Фигмы.

Брови/глаза/детали собраны по две в компонент, являясь сами по себе отдельными компонентами Сергей Иванов

На практике

Показываю как можно менять элементы «на лету»

Продвинутым пользователям Figma не составит особого труда наворотить буквально что угодно с таким конструктором. Пока это первая версия, впереди ещё дробные обновления с новыми вариантами.

All vector

По мере векторных возможностей, все эмодзи остаются векторными, включая отдельные детали по типу сердечек/звёзд/рук…

Базовый набор не отличить от оригинала Сергей Иванов

Проблемы

На данный момент FigMoji прекрасно экспортируются в форматы PNG и JPG. С SVG пока не всё так просто, могут слетать стили или отдельные элементы. Это недоделки со стороны разработчиков Figma. Я работаю над этим. Тем не менее часть эмодзи также можно вывести в SVG.

Сергей Иванов

Бесплатно для чего угодно

Проект доступен для всех по общей лицензии с возможностью менять и производить новое на его основе. Вы качаете файл Фигмы и используете на своё усмотрение.

Если вам интересно, как создавалась первая версия, напишите в комментариях об этом.

0
19 комментариев
Написать комментарий...
Сергей Михеев

Спасибо большое, мне очень не хватало svg эмодзи. Теперь я могу генерировать придурошные смайлы

Ответить
Развернуть ветку
Serhio Alvarez
Автор

Именно ))) кас то ми за ци я

Ответить
Развернуть ветку
Serhio Alvarez
Автор

Но, в примере смайл не сбалансированный. Для целостности картинки, а следовательно, и уровня придурошности это важно

Ответить
Развернуть ветку
Мартин Ефремов

Погодите-ка, очень важный вопрос!

Могу ли я их добавить к себе на клавиатуру смартфона или компьютера, как эмодзи для использования в повседневной жизни во всех мессенджерах и социальных сетях?

Если я пропусти ответ в статье, то поправьте меня, ради Бога.
Спасибо!

Ответить
Развернуть ветку
Serhio Alvarez
Автор

Нет-нет, это графика, а не программная разработка. Можно использовать в маркетинговых активностях, проектах и так далее.

Ответить
Развернуть ветку
Мартин Ефремов

Когда мобильные ОС откроются для "разработчиков" в лице пользователей, было бы классно иметь возможность создавать свои собственные эмодзи и вносить их в раскладку к базовому набору эмодзи

Ответить
Развернуть ветку
Марина Иванова

Хм, а за использование эмоджи сделанных так в фигма - не смогут прийти правообладели эмоджи?

Ответить
Развернуть ветку
Serhio Alvarez
Автор

Насколько я знаю, многие пользуются ими в рекламных целях. И пока ни к кому не пришли. Моё произведение официально распространяется без цели финансовой выгоды 🤷‍♂️

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Serhio Alvarez
Автор

Буду знать. «Учусь на кошках»

Ответить
Развернуть ветку
krakendesign

Вот если бы на винде отображались эполовские эмодзи, было бы круто...

Ответить
Развернуть ветку
Serhio Alvarez
Автор

Если только создать плагин для вставки необходимой графики

Ответить
Развернуть ветку
krakendesign

Не понял, какой плагин? Есть гайд?

Ответить
Развернуть ветку
Serhio Alvarez
Автор

К примеру, у Майкрософта есть плагин для Фигмы с набором их пиктограмм. Можно вставлять в виде векторных элементов

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Mark Quincy

Спасибо!) 

Ответить
Развернуть ветку
Саша Шестаков

Год назад где-то была похожая штука с эмодзи, называлась Emoji builder. Но на сайте с тех пор осталась только ссылка на исходники и сообщение, что сервис побанили из-за авторских прав

Ответить
Развернуть ветку
Serhio Alvarez
Автор

Да, было дело. Он был растровый.

Ответить
Развернуть ветку
Олег Нечаев

Когда закончите с этим проектом, сделайте редактор аки Flash, но с лассо и альфа для растра))) Реально не найти простой и функциональный редактор с таким же удобством и простотой. 

Ответить
Развернуть ветку
16 комментариев
Раскрывать всегда