Как в Фигме во время прототипирования на 11 айфоне дизайнить так, чтобы инфа не попадала на верхнюю плашку айфона?

Question

[Алиса Ямалиева]

Понятно, что можно высчитать размер этой плашки, но это лишние телодвижения и поскольку приходится много работать именно над мобайлом, то это уже проблема и хочется найти легкий способ как заранее обозначать границы плашки. Коллеги, спасибо за помощь заранее!

Answer 1

[Alexey Skalkin]

Здравствуйте, Алиса Ямалиева!
В разделе Community мы можете найти подходящие Дизайн системы для создания макета под айфон.

1) iOS design system — Free UI kit (макеты на странице "Templates" работают с iPhone 11 pro max и с iPhone 11)
https://www.figma.com/community/file/852445385275060830

2) iOS/iPadOS 13 Design UI Kit (макеты на странице "Safe Areas" работают с iPhone X)
https://www.figma.com/community/file/768365747273056340

Короче говоря, очень полезные компоненты iOS, которые помогут вам сделать макет для айфонов.
От себя хочу добавить, что в первой ссылке просто используют пустое пространство в этой области. Просто лучше лишний раз не заходить туда и все.
Советую посмотреть другие работы в разделе Community, там очень много интересных дизайн систем, не только для мобильных устройств, но и для веб сайтов тоже.
https://www.figma.com/community

Надеюсь я не опоздал с ответом и смог помочь вам.
Желаю удачи!