Библиотека UI компонентов Material Design в Sketch-символах для CRAFT-а

Набор из кнопок и текстовых полей в виде символов Sketch-а, которые загружены в библиотеку CRAFT. Разработан для быстрой работы с макетами в Sketch-е.

Кнопки

Внутри можно написать любой текст. Изменять размер кнопки придется вручную. Но можно делать это на глаз — отступы в кнопке все равно будут правильные.

Кнопке можно присвоить любой стиль:

• Rise
• Flat
• Disabled
• Call-to-action
• Простая

Можно использовать кнопки с пиктограммой внутри. Для использования подойдут любые пиктограммы из набора материальных иконок.

Текстовые поля

Текстовые поля состоят из трех частей: текст, лейбл и подсказка.

Для текстовых полей есть стили:

• Пустой
• Набранный текст
• Только для прочтения
• С подсказкой
• Без подсказки

При изменении стилей с «набранный текст» на «пустой», лейбл встает на нужное место. При обратном изменении текст и лейбл возвращаются на исходные места автоматически.

Библиотека включает в себя часть символов, разработанных продуктовой командой компании DEVIM для ускорения процесса создания готовых макетов.

Установка

• Скачать архив
• Распаковать файл
• Открыть Sketch файл
• Открыть панель CRAFT с помощью ⌘+P
• Выбрать пункт библиотеке на панели CRAFT
• Выбрать библиотеку Material.Buttonsandfields.library из папки ui-material-in-symbols-master