Vectary 3D – лучший плагин для Figma

Расскажем о том, как добавить третье измерение в проекты Figma

Плагин Vectary 3D добавит недостающее третье измерение в ваши 2D проекты. Vectary – это инновационная дизайн-платформа для создания и экспорта 3D и AR. А самое главное — она работает в браузере. Тут максимально просто и приятно создавать 3D с нуля и можно использовать огромную библиотеку бесплатных моделей, что позволит быстро дополнить ваш проект в Figma и вывести его на новый уровень.
Сам Vectary, кстати, часто называют «Figma для 3D-дизайна».

логотип Figma в 3D, созданный в Vectary

Плагин входит в десятку самых популярных плагинов Figma (более 64 тыс. загрузок), и это неудивительно, ведь он позволяет с лёгкостью выйти за рамки 2D.

Какие возможности перед вами откроются:

• Вы теперь не будете зависеть от чужих ракурсов, а можете сами крутить-вертеть объекты, как вам заблагорассудится, в специальном 3D-окне

вот так выглядит плагин Vectary 3D

• Сможете легко создавать собственные мокапы с нуля или редактируя готовые

• Можно натянуть свой дизайн на фотореалистичные 3D-объекты

пример вставки дизайна на 3D объект

• Разработать личный набор многократно используемых 3D-элементов под фирменный стиль

комплект 3D элементов бренда

• Пользоваться библиотекой готовых моделей и световых окружений Vectary. Там есть практически всё: от банки с газировкой и мобильного телефона до промышленных объектов

• Если у вашей компании уже есть готовые модели (созданные в любом 3D-софте), то можно их загрузить в Vectary, чтобы перенести их Figma
  

Пример сайта с потрясающим великом, сделанным в 3D: https://www.vanmoof.com/en-NL/s3

Также, благодаря Vectary, вы сможете отправлять заказчику QR-код на объект с вашим дизайном. А он, соответственно сможет полюбоваться им в дополненной реальности, если его смартфон поддерживает эту функцию.

в Vectary в два клика можно сделать QR-код на просмотр модели в дополненной реальности (AR)

Итак, как с этим работать:

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 находится тут.