Актуализация всех экранов из прода

[Lirolk]

ТЗ

Нужно скопировать то, как выглядит экран в продакшене (то есть, то, как он выглядит у пользователей) в дизайн макет. Инструкция о том, как расставлять экраны при работе, выложена на странице Твой ФФ: прод. За каждым человеком будет закреплены свои флоу.

1. Актуализация макетов student-mobile

• Расписание
• Авторизация
• Сервисы
• Профиль
• Рейтинг
• Калькулятор
• Ошибки

2. Актуализация admin-mobile

• Главная
• Пользователи
• Сервисы
• Рейтинг
• Профиль

На что обратить внимание при работе:

1. Соответствие дизайн-макетов проду

• Копировать стоит со скриншота из приложения на телефоне. Но держите в уме, что все экраны разные и адаптивность могла повлиять на показатели, поэтому старайтесь держаться единства со старыми макетами и тем, что было уже актуализировано
• Чтобы вытаскивать шрифты (размер, начертание, высота линии) из самого приложения, установите расширение fontanello в браузере
• Делать на глаз можно, но нужно исправлять пиксели до правильных показателей
• Не использовать стили!

2. Сборка макетов

• Разные состояния элемента превратить в components и оставить рядом с экраном. Переименовывать value (main/hover/active/etc)
• Когда работайте, оставляйте мейн компоненты рядом с экраном. Не внутри фрейма и не переносить на страницу с компонентами
• Использовать autolayout вместо группировки (ctrl+G)
• Переименовывать и систематизировать названия слоев

3. Иконки

• Если вам нужно найти иконку, которая уже использовалась, заходите в меню assets. Created in this file — Твой ФФ: прод. В идеале включите в настройках assets отображение сабпапок
• Если нужно добавить новую иконку в кит, он находится на странице прода. Добавляйте иконку, которую хотите использовать и превращайте в мейн компонент, переименовывайте по шаблону и только после этого копируйте компонентом🙂
• Установите плагин https://www.figma.com/community/file/1014241558898418245, в нем находятся иконки системы гугла, которые используются разработчиками

4. Все мелкие недочеты, которые на данный момент лень делать, выписывайте во фрейм комментариев, чтобы о них не забыть (или кто-то другой мог помочь)

Will be updated