Библиотека 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