Добавление устройства в макет Figma — это отличный способ продемонстрировать дизайн в контексте. Это также поможет вам проверить, как выглядит и работает ваш дизайн на экранах разных размеров.
Существует два способа добавить устройство в макет Figma:
1. Использовать функцию Device Frame
2. Добавить изображение устройства из внешнего источника
Давайте рассмотрим оба метода более подробно.
Метод 1: Использование функции «Рамка устройства «.
В Figma есть встроенная функция Device Frames, которая позволяет легко добавлять устройства в макеты. Чтобы воспользоваться этой функцией, просто выберите рамку, которую вы хотите использовать, на левой боковой панели, а затем нажмите кнопку «Добавить рамку устройства» на верхней панели инструментов.
Вот некоторые моменты, о которых следует помнить при использовании этой функции:
-
На одной странице можно добавить только одну рамку устройства. — Рамка устройства будет автоматически изменять размер в соответствии с вашим дизайном.
-
Если вам нужно изменить ориентацию устройства (например, с книжной на альбомную), вы можете сделать это, нажав на кнопку «Повернуть» в верхней панели инструментов. — Вы можете изменить цвет рамки устройства, нажав на опцию «Цвет рамки» на верхней панели инструментов. — Вы можете добавить тени и границы к рамке устройства, нажав на кнопку «Другие параметры» на верхней панели инструментов и выбрав опцию «Тени и границы».
Метод 2: Добавление изображения устройства из внешнего источника
Если вы хотите получить больше контроля над тем, как ваше устройство отображается в макете, вы можете добавить изображение устройства из внешнего источника. Для этого просто перетащите изображение устройства на холст или загрузите его с компьютера, нажав на кнопку «Загрузить изображение» на верхней панели инструментов. После того как изображение будет размещено на холсте, можно изменить его размер и повернуть по необходимости.