Дизайн-бібліотека

Що змінилося

1. Одна бібліотека на дизайн і розробку

   Я створив EVA Library WEB і під’єднав її до бібліотеки, якою користуються наші розробники, тож зміна у Figma потрапляє в продакшн.

2. Кожен компонент зі своїми станами

   Кнопки в п’яти розмірах і п’яти станах (за замовчуванням, наведення, фокус, натискання, вимкнений); поля вводу з фокусом, помилкою й вимкненим станом; сповіщення п’яти кольорів. Також у ній є шаблони, шапки для десктопа й телефонів із сезонними варіантами, футер, модальні вікна та нижня шторка.

3. Типографіка як ролі, а не розміри

   Стилі display, title, body, label, overline і caption, кожен прив’язаний до токена, з написаними правилами, коли який застосовувати.

4. Що вже працює, а що ні

   Кожна сторінка у файлі має статус — Prod, Concept або In process, — а кожен компонент — нотатки про те, коли його застосовувати і як він поводиться.