Чек-лист макета перед передачей в разработку

[francyfox]

1) Адаптивы думаю не могут быть сделаны по вкусу. Каждый брейкпоинт зависит от величины контейнера (при условие что дизайн не резиновый, когда дизайнер полагается на автоперенос элементов и позиционирование во Flex Layout). А величины контейнеров зависит от классических разрешений. Для некоторых дизайнов нужно учитывать еще высоту. Забавно, дизайнеры фотошопа раньше знали про адаптив больше, чем дизайнеры фигмы.

Скрытый текст

Категория устройства Разрешение (px) Типичный сценарий использования Small Mobile 320 × 568 Старые модели iPhone, бюджетные телефоны. Medium Mobile 360 × 800, 390 × 844 Большинство современных Android и iPhone. Large Mobile 412 × 915, 430 × 932 Премиальные или крупноэкранные смартфоны. Tablet (Portrait) 768 × 1024, 800 × 1280 iPad, Android-планшеты (вертикальная ориентация). Tablet (Landscape) 1024 × 768, 1280 × 800 iPad, Android-планшеты (горизонтальная ориентация). Laptop/Desktop 1366 × 768, 1440 × 900 Стандартные ноутбуки, дисплеи с низким разрешением. Large Desktop 1920 × 1080, 2560 × 1440 Full HD и QHD мониторы. Ultra-Wide 2560 × 1080, 3440 × 1440 Широкоэкранные мониторы, многоколоночные макеты.
Источник: https://www.browserstack.com/guide/ideal-screen-sizes-for-responsive-design

2) Для кого этот чеклист, для вашей компании или для всех дизайнеров? Большинство не покупают фигму, а у вас указан платный плагин tiny image. Многим по барабану, дизайнеры гордый народ. Если бы у дизайнеров был бы комитет со стандартизацией дизайна и валидатор в фигме, возможно бы это стало нормой, а пока это влажные фантазии. Заставить дизайнера делать экспорта и обрабатывать свои изображение (дабы не собирать слои в кучу) это пытка для каждого разработчика.
3) Чеклисты обычно куда больше и они для каждого типа проекта свои. Рисовать иконки тоже надо уметь, например добавлять безопасные отступы, центрировать по визуальному весу и т.д. Короче реальные чеклисты размером с километр и одну маленькую тележку.