Как вы работаете в Figma
Вопрос
Расскажите, как вы строите макет в Figma, чтобы он был адаптивным и удобным для разработки.
Попробуйте сами
Ответьте вслух за 2 минуты, как на собесе. Потом сверьтесь с тезисами: что прозвучало, а что нет.
Показать ответ и разбор
Коротко
Что должно прозвучать в ответе
Сетки и автолэйаут во фреймах, а не ручное позиционирование
Компоненты и переменные из библиотеки, без локальных копий
Имена слоёв и структура, близкие к коду
Проверка растяжения и длинных текстов
Статусы и пометки для Dev Mode
Что могут спросить следом
- Когда вы не используете автолэйаут?
- Как вы проверяете макет на разных ширинах?
Разбор
Каждый экран это фрейм с сеткой, внутри секции на автолэйауте, поэтому при изменении ширины или текста всё перестраивается само. Использую только компоненты и переменные из библиотеки: цвета, отступы, радиусы. Если чего-то не хватает, иду к команде системы, а не рисую свою копию. Слои называю осмысленно, близко к тому, как их назовут в коде. Перед передачей растягиваю фреймы, вставляю длинные тексты и пустые данные, чтобы увидеть, что ломается. Готовые экраны помечаю «Ready for dev» и оставляю аннотации к поведению, которое не видно в статике.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.