Макеты и дизайн-системы — страница 2

Figma, Penpot, компоненты, варианты, Auto Layout, токены, прототипы, передача разработчику и перенос макета в код.

Материалы

• Storybook: истории состояний и управляемые параметры

  Организовать CSF-истории, controls и примеры длинного текста.

• Storybook: поле ввода, подпись и сообщение об ошибке

  Связать label, input и пояснения устойчивыми идентификаторами.

• Storybook: диалог с нативным управлением фокусом

  Согласовать showModal, Escape, закрытие и управляемое состояние React.

• Storybook: загрузка и предотвращение повторного действия

  Разделить состояние операции, доступность кнопки и индикацию ожидания.

• Storybook: ошибки, пустые результаты и сообщения статуса

  Сделать сообщения с семантикой status или alert и конкретным действием пользователя.

• Storybook: светлая и тёмная темы через декоратор

  Переопределить семантические токены в области истории и добавить переключатель.

• Storybook: доступность компонентов и ручная проверка

  Объяснить клавиатурные маршруты и подготовить addon-a11y в ручном режиме.

• Storybook: документация API и составной пример формы

  Добавить Autodocs, описание ограничений и форму из компонентов «Набора».

• Storybook: публичные экспорты и версии библиотеки

  Определить API пакета, CSS-экспорт, совместимость и правила миграции потребителя.