Наш канал в

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

Теперь плагин поддерживает иконки font awesome, material и ion, но конечно, в будущем планируется добавить и другие коллекции.

Демо

687474703a2f2f692e696d6775722e636f6d2f4542476d6c53652e676966

Возможности

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

  • Вы можете напрямую добавить иконку в Sketch.

Проблема для разработчика: Когда вам нужно узнать название иконки, добавленной дизайнером, вам не нужно теперь пересматривать сотни иконок для поиска нужной.

  • Вы можете увидеть ее имя прямо в Sketch.

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

Вам необходимо установить иконочные шрифты на своей ОС:

Установка

Через Sketch Toolbox

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

Вручную

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

[dt_highlight color=”” text_color=”” bg_color=””]Примечание: плагин не работает со Sketch Beta, потому что эта версия не поддерживает NSFont[/dt_highlight]

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

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

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

Полное руководство по дизайну 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