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

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

Материалы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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