Цель — привести дизайн к полностью dev-ready состоянию и собрать полноценную UI систему. Сейчас: нет Auto Layout нет grid-системы нет компонентов хаотичные отступы один шрифт с двумя размерами (12 и 14) несистемное использование цветов (включая текст)1. Структура файла каждый экран должен быть оформлен как Frame все элементы должны находиться внутри Frame (без “висящих” слоёв) логичная и понятная иерархия слоёв (с нормальными названиями) порядок слоёв должен соответствовать визуальной структуре2. Auto Layout Применить ко всем элементам интерфейса: кнопки инпуты / формы карточки списки навигация модальные окна Требования: корректные внутренние отступы (padding) единые расстояния между элементами элементы должны корректно растягиваться и сжиматься избегать фиксированных размеров там, где это не нужно3. Сетка и отступы (Grid + spacing system) настроить layout grid (desktop) определить единую систему отступов все отступы должны соответствовать системе выравнивание элементов по сетке4. Компоненты Создать переиспользуемые компоненты: Button (default / hover / active / disabled) Inputs / формы Card Navbar / Header Dropdown / Select (если есть) Требования: использовать variants не допускать дублирования элементов изменения в компоненте должны применяться ко всем экземплярам5. Цветовая система Создать и оформить через styles: primary / secondary background / surface text (primary / secondary) состояния: success / error / warning состояния: hover / active / disabled Требования: логичная структура цветов достаточный контраст (читаемость) никаких случайных цветов вне системы доработать текущую палитру: улучшить, при необходимости расширить, убрать лишние цвета и привести всё к единой системе с понятным неймингом6. Типографика Создать стили текста: H1–H6 body small / caption Требования: единые размеры, line-height и веса весь текст должен использовать styles (без ручных настроек)7. Иконки привести иконки к единому стилю использовать один набор единые размеры и отступы8. Чистота файла удалить дубликаты и неиспользуемые элементы не использовать inline-стили (всё через styles) не должно быть хаоса в слоях С технической точки зрения файл должен быть понятен разработчику без дополнительных объяснений.9. Ограничения не менять структуру экранов не менять порядок блоков не добавлять и не удалять секции не менять логику продукта не делать редизайн UX Допускается только улучшение UI и систематизация.10. Результат чистый, структурированный файл все элементы используют Auto Layout настроены components и styles готово к передаче разработчику