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

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

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

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

Требования:
— опыт создания дизайн-систем в Figma от 2 завершённых проектов
— уверенное владение Auto Layout, вариантами и свойствами компонентов
— понимание принципов дизайн-токенов и их передачи в разработку
— умение писать понятную и лаконичную документацию