Как работать с макетами и документацией
Что проверяют
Умеете ли вы превратить макет из Figma в экран, который правильно выглядит на всех устройствах и во всех состояниях, а не только на одной картинке. Заодно смотрят, как вы общаетесь с дизайнером и откуда берёте требования. Следом обычно спрашивают, что вы делаете, если в макете чего-то не хватает.
Как отвечать
Опирайтесь на свою практику и называйте конкретные шаги:
- чтение макета: размеры в Figma задаются в точках, а не в пикселях, поэтому значения переносятся в код один к одному. Растровые ассеты выгружают в @2x и @3x или сразу векторными;
- Dev Mode: отступы, цвета и шрифты берут из режима разработчика, а не на глаз;
- дизайн-токены: цвета заводят в Asset Catalog именованными, с вариантами для светлой и тёмной темы, шрифты и отступы выносят в константы. Захардкоженный цвет не переживёт тёмную тему;
- адаптивность: вёрстка через Auto Layout или SwiftUI с учётом Safe Area, проверка на самом узком поддерживаемом экране и на крупном размере Dynamic Type;
- недостающие состояния: загрузка, пустой список, ошибка, длинный текст, локализация с более длинными строками. Вопросы к дизайнеру лучше собрать до начала задачи, а не в день релиза;
- документация: контракт API в OpenAPI, Human Interface Guidelines для спорных решений, для своих модулей комментарии в формате DocC и README.
Результат сверяйте наложением скриншота на макет или снапшот-тестами, чтобы вёрстка не расползалась при следующих правках.
Подкрепите ответ примером: какой экран, какие расхождения нашли, как договорились. Если работали без дизайнера, скажите об этом и объясните, как опирались на HIG и системные компоненты.
Где спотыкаются
Делают экран только под состояние с макета. Первая же ошибка сети или пустой ответ показывают пользователю белый экран.
Добиваются «пиксель в пиксель» на одном устройстве и фиксируют размеры константами. На маленьком экране или с крупным шрифтом текст обрезается.
Молча додумывают непонятные места макета вместо короткого вопроса дизайнеру, а потом переделывают экран после ревью.