Розробка дизайн-системи у Figma для продуктової команди

Наш продукт росте, і разом із ним у Figma накопичився хаос: кнопки виглядають по-різному на різних екранах, відступи підбираються на око, а кожен новий дизайнер витрачає перший тиждень на те, щоб зрозуміти, яка версія компонента актуальна. Ми хочемо один раз навести лад і отримати дизайн-систему, на яку команда зможе спиратися пару років, а не черговий файл, що застаріє за місяць.

Основна частина роботи — зібрати у Figma бібліотеку компонентів під наш продукт: кнопки, поля вводу, картки, навігацію, модальні вікна, таблиці та інші патерни інтерфейсу. Кожен компонент має мати варіанти та стани — звичайний, hover, focus, disabled, помилка. Окремо потрібна система токенів кольору, відступів і типографіки, щоб розробники могли перенести її у змінні CSS чи тему застосунку, з підтримкою світлої та темної теми.

Документація важлива не менше за сам файл: короткі правила використання для кожного компонента та найменування, зрозуміле і дизайнерам, і розробникам, адже бібліотека стане спільною точкою істини. Якщо у вас вже є досвід подібних проєктів, додайте приклади та розкажіть, як ви організовуєте структуру.

Вимоги:
— досвід створення дизайн-систем у Figma від 2 завершених проєктів
— впевнене володіння Auto Layout, варіантами та властивостями компонентів
— розуміння принципів дизайн-токенів та їх передачі в розробку
— вміння писати зрозумілу й лаконічну документацію