Как начать пользоваться UI-kit'ом
Изучите особенности, возможности и ограничения конкретного UI-kit. Начните с экспериментов и только потом переходите к реальным задачам. Когда UI-kit уже задан (или вы его осознанно выбрали) думайте только про UX.
#UI-кит
#дизайн система
#UX дизайн
Три главных предмета в фокусе внимания
1
Время
От нескольких часов до нескольких дней понадобится чтобы разобраться в новом UI-kit, изучить его структуру и понять, по каким принципам он создан.
2
Песочница
Сделайте отдельную страницу в Figma-файле для UX-экспериментов. Не надо сразу прикладывать незнакомый UI-kit к реальным задачам проекта.
3
Решение
Выбор UI-kit — это важное решение в проекте. Либо все пользуются только им, либо меняют на другой. Главное, не смешивать несколько.
Например
Хороший образец
Использовали дизайн-систему и UI-kit Consta (а ведь могли бы нарисовать с нуля!) и очень быстро получили работающий продукт. Eduhund
Так делать не надо
Когда вы решаете UX-задачу, а на сдачу создаете UI-kit.
Инструменты
Design Systems в Figma Community
Там есть готовые UI-kit’ы под разные задачи
Material Design
У него есть Figma-библиотека
Libraries
Для подключения UI kit к Figma. На платном тарифе
Деньги
Полные версии UI kit’ов часто платные
Знание разных UI kit’ов и умение принимать их ограничения — верный признак опытного профессионала.
Наталья Прокофьева, генеральный директор «Собаки Павловой»
5 советов,
как делать
хорошо
1
Используйте готовое
Только в самых экстренных случаях кастомизируйте и создавайте новые элементы.
2
Делайте UX
Вообще не думайте про UI. Делайте так, чтобы работало.
3
Не верьте коту
Не все, что назвали UI-kit, им является. Проверьте своими глазами.
4
Осваивайте новые UI-kit
Это поможет расширить ваш UI-кругозор, ускорить создание UX-решений и вырасти как специалисту.
5
Выбирайте под задачу
Посмотрите, что уже делали на этом UI-kit, насколько это бьется с вашей задачей и вашим интерфейсом.