Масштабная трансформация
Сбербанка в прямом эфире
LIVE
Трибуна
Serhio Alvarez
3653

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

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

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

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

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

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

Идея

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

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

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

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

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

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

На практике

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

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

All vector

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

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

Проблемы

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

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

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

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

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

{ "author_name": "Serhio Alvarez", "author_type": "self", "tags": [], "comments": 19, "likes": 58, "favorites": 102, "is_advertisement": false, "subsite_label": "tribuna", "id": 140135, "is_wide": false, "is_ugc": true, "date": "Tue, 07 Jul 2020 15:03:53 +0300", "is_special": false }
0
19 комментариев
Популярные
По порядку
Написать комментарий...
19

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

Ответить
2

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

Ответить
0

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

Ответить
1

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

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

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

Ответить
2

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

Ответить
0

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

Ответить
1

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

Ответить
1

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

Ответить
1

Шрифт Apple Emoji с закрытой лицензией) Но из Apple пока приходят редко

Ответить
0

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

Ответить
1

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

Ответить
1

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

Ответить
0

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

Ответить
0

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

Ответить
0

Скачайте шрифт Apple Emoji, вроде так должно работать :) 

Ответить
1

Спасибо!) 

Ответить
1

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

Ответить
0

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

Ответить
0

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

Ответить

Комментарии