Sketch Iconfont
Наш канал в

Это отличный плагин  Sketch Iconfont для использования иконочных шрифтов в Sketch. Благодаря последнему обновлению можно добавлять иконку в один клик.

 

687474703a2f2f692e696d6775722e636f6d2f6e594c4a6849452e676966

 

Теперь плагин работает с версией 3.4.1. Изменено меню в сторону лучшей юзабилити. При наведении курсора на иконку можно увидеть имя иконки, есть тултип.

Плагин поддерживает font awesome, material и ion icons и в будущем планируется расширить поддержку и на другие шрифты.

 

Демо

687474703a2f2f692e696d6775722e636f6d2f4542476d6c53652e676966

 

Возможности

Решение проблемы дизайнеров: Если нужно добавить иконку из иконочного шрифта, не нужно искать шпаргалку, чтобы скопировать ее в свой дизайн.

  • Вы можете легко добавить ее в sketch.

Решение проблемы разработчиков: Когда нужно узнать название иконки, которую добавил дизайнер, больше не нужно лопатить уйму иконок.

  • Теперь вы можете легко выяснить название прямо в sketch.

 

Дополнительные ресурсы

Вам нужно установить иконочные шрифты на свою ОС:

Для fontawesome: https://github.com/FortAwesome/Font-Awesome/raw/master/fonts/FontAwesome.otf

Для ion icons: https://github.com/driftyco/ionicons/raw/master/fonts/ionicons.ttf

Для material icons: https://github.com/google/material-design-icons/raw/master/iconfont/MaterialIcons-Regular.ttf

 

Установка

С помощью Sketch Toolbox

  1. Вы можете установить плагин ‘Sketch Iconfont’ напрямую.

 

вручную

  1. Скачайте ZIP-архив.
  2. Извлеките его и переименуйте папку, как вам нравится.
  3. Поместите папку в папку с плагинами Sketch (Используйте Plugins > Reveal Plugins Folder, чтобы найти нужную папку).

 

Проблема

Плагин не работает со sketch beta, потому что эта версия не поддерживает NSFont.

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

Самое подробное руководство по дизайну в Sketch

Работая со Sketch последние три года, я освоил ряд ключевых техник, которые значительно улучшили мой рабочий процесс. Так как я, помимо рисования, также обожаю прототипировать и кодить, мне нужен инструмент для быстрого выполнения дизайн-проектов и легкой генерации исходников. Sketch вместе с его плагинами и другие инструменты для прототипирования полностью справляются с этой задачей. Часть 1 Часть 3 Часть 4

Серия уроков Sketch (часть1 из 5): Настройка Sketch

Первое что нам следует изучить, это настройка Sketch. Если вы только начали создавать дизайны для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки по настройке идеально подойдут для быстрого ознакомления с работой Sketch. Часть 2 Часть 3 Часть 4 Часть 5