Как использовать 3D-моделирование для создания реалистичных мокапов устройств в Figma?

Для использования 3D-моделирования для создания реалистичных мокапов устройств в Figma можно воспользоваться плагином Clay Mockups 3D. www.figma.com Он позволяет создавать мокапы с 3D-моделями устройств в стиле глины, настраивать цвет, угол камеры и модель устройства. www.figma.com

Использование плагина: www.figma.com

1. Запустить Clay Mockups 3D из меню плагина. www.figma.com
2. Выбрать модель устройства. www.figma.com
3. Выбрать любой слой для визуализации на экране устройства. www.figma.com Для лучших результатов стоит выбрать слой, близкий к размерам экрана устройства (или с таким же соотношением сторон). www.figma.com
4. Для создания рамки с правильными размерами нажать кнопку «Создать пустую рамку». www.figma.com
5. Чтобы изменить угол камеры, выбрать предустановленный угол или нажать и перетащить над устройством. www.figma.com Также можно установить точное вращение в градусах справа. www.figma.com
6. Выбрать цвет устройства. www.figma.com Если есть локальные цветовые стили, нужно нажать на образец цвета, чтобы выбрать один, или ввести шестнадцатеричный код вручную. www.figma.com
7. Нажать «Сохранить как изображение», чтобы отобразить текущий вид в виде слоя изображения в Figma. www.figma.com

Ещё несколько плагинов для работы с 3D-иллюстрациями в Figma:

• 3D Transformer. skillbox.ru Нужно скачать плагин, зайти в Figma, нажать правой кнопкой мыши на любой фрейм, в выпадающем меню перейти в пункт Plugins и выбрать 3D Transformer. skillbox.ru Затем изменить настройки перспективы и нажать на кнопку Insert Layer. skillbox.ru
• Vectary 3D Elements. skillbox.ru Нужно скачать плагин, зайти в Figma, нажать правой кнопкой мыши на макет, в выпадающем меню перейти в пункт Vectary 3D Elements. skillbox.ru В открывшемся окне выбрать подходящий мокап. skillbox.ru Затем выбрать на макете фрейм, который нужно поместить на мокап, и нажать кнопку Load Frame. skillbox.ru После этого поставить элемент в нужное положение, настроить свет и нажать кнопку Export Image. skillbox.ru Также плагин позволяет выгрузить раскладку текстуры для макета и использовать собственную 3D-модель. skillbox.ru