Расскажем о том, как добавить третье измерение в проекты Figma
Плагин Vectary 3D добавит недостающее третье измерение в ваши 2D проекты. Vectary – это инновационная дизайн-платформа для создания и экспорта 3D и AR. А самое главное — она работает в браузере. Тут максимально просто и приятно создавать 3D с нуля и можно использовать огромную библиотеку бесплатных моделей, что позволит быстро дополнить ваш проект в Figma и вывести его на новый уровень.
Сам Vectary, кстати, часто называют «Figma для 3D-дизайна».
Плагин входит в десятку самых популярных плагинов Figma (более 64 тыс. загрузок), и это неудивительно, ведь он позволяет с лёгкостью выйти за рамки 2D.
Какие возможности перед вами откроются:
- Вы теперь не будете зависеть от чужих ракурсов, а можете сами крутить-вертеть объекты, как вам заблагорассудится, в специальном 3D-окне
- Сможете легко создавать собственные мокапы с нуля или редактируя готовые
- Можно натянуть свой дизайн на фотореалистичные 3D-объекты
- Разработать личный набор многократно используемых 3D-элементов под фирменный стиль
- Пользоваться библиотекой готовых моделей и световых окружений Vectary. Там есть практически всё: от банки с газировкой и мобильного телефона до промышленных объектов
- Если у вашей компании уже есть готовые модели (созданные в любом 3D-софте), то можно их загрузить в Vectary, чтобы перенести их Figma
Также, благодаря Vectary, вы сможете отправлять заказчику QR-код на объект с вашим дизайном. А он, соответственно сможет полюбоваться им в дополненной реальности, если его смартфон поддерживает эту функцию.
Итак, как с этим работать:
1. Выберите нужный фрейм в списке слоев Figma. Например, это может быть ваш сайт или дизайн приложения.
2. Откройте Vectary 3D плагин в Figma по ссылке и нажмите кнопку "install" для установки: https://www.figma.com/community/plugin/76958839336125...
3. Импортируйте готовый 3D-макет, создайте свой с нуля или используйте миллионы ресурсов в библиотеке Vectary
4. Настройте перспективу и желаемый ракурс макета: используя левый щелчок, перетащите, чтобы повернуть макет, или прокрутите, чтобы увеличить
5. Нажмите кнопку «Использовать выбранный фрейм», чтобы заменить существующий контент своим дизайном — это может быть, например, экран мобильного устройства
6. Нажмите «Сохранить вид как изображение», чтобы добавить в проект визуализацию с прозрачным фоном.
Туториал:
Всё тоже самое актуально и для Sketch, об этом расскажу в отдельной статье.
Если интересно научиться работать в Vectary: https://facette-vectary.ru/course_vectary
А сам Vectary находится тут.
