Figma Plugin - Vectary 3D Studio Lite

New Figma Plugin - Vectary 3D Studio Lite

Meet the new plugin for Figma

We have developed a new plugin for Figma - now simpler and more versatile than ever!

What can be accomplished with the plugin:

Applying design to your 3D project with just two clicks
Real-time 3D model fitting directly on the canvas using the Preview mode
Exporting a rendered image to a canvas
All applied textures will be immediately reflected in AR (you can activate AR directly from Figma)
The plugin saves all applied textures, allowing you to apply the design even in the configurator without altering the original project
A quick way to open your 3D project in Figma with interactive features, animations, AR, and UI working
Modification of existing project textures
Changing the background (including a transparent background)
Adding a shadow

Getting started

No more tokens needed, just a link to your Vectary project and you're all set.

When you open the plugin, you will see a field to paste the link to your project and some ready-made demo projects.

There are two ways to open a 3D project:

Demo Projects - simply choose one of the ready-made demo projects and start using the plugin.
Use your own Vectary project. To do this, follow these steps: - sign up on the Vectary platform - create a project - share the project and copy the link - paste the link into the plugin

👉

When you import your own project, it will be imported with all settings, meaning interactions, animations, AR, Floating UI, and more will work exactly the same.

Features

Material picker

Provides the ability to choose material from an object and apply Figma frame to it:

Select the Material Picker tool
Use the eyedropper to pick material from an object (when you hover over the object, the material name will appear next to cursor)
After selecting the material, the material name will appear next to the eyedropper icon in the panel at the bottom. This indicates that you're ready to select a frame for design application.
Simply click on your Figma frame to apply the design

Get material frame from object

Allows exporting an object's texture to the Figma canvas. This feature is useful for modifying existing textures.

👉

Please note that the texture is exported only from the Color property. While a material can have several different textures (Opacity, Emission, Normal map, etc.), only the Color texture will be exported. ‣

👉

If the texture has been replaced using the Material Picker, each export will still use the original texture

How it works:

Select the Get Material Frame from Object tool from the bottom panel
Move the cursor over the object – a label with the material name will be displayed near the cursor, indicating retrievable textures
Click to retrieve the texture
Result: a frame with the texture will appear on your canvas

Ground shadow

Activates the Ground plane that can be customized and enhanced in the Studio.

Background

Disable the background to make it transparent or enable the background and set its color.

👉

Note that the background color is affected by the Adjustment effect

Preview 🔥

The Preview mode provides a real-time view of model changes within the Figma frame.

While the preview quality is low, the image will be rendered in high quality upon saving.

☝

To activate this feature, you first need to Create Image

Note that the Preview Mode is automatically disabled after Create image/Update image.

The plugin is linked to a single frame; therefore, to have multiple instances, duplicate the frame.

Create image/Update image

Create image - saves the current view of the project on the canvas by automatically creating a frame

Update image - refreshes an existing frame

Reopen Plugin 🔥

The plugin has memory and is associated with existing frames.

There are two ways to reopen the plugin, and each method is useful in different situations:

If the plugin is reopened with a selected frame that already contains an image created with the plugin, the plugin will reopen the same project, preserving the perspective and all settings (including changes with the configurator and textures).
If you want to create a new frame (regardless of whether it's with the same project or a different one), close the plugin and reopen it, but make sure that no existing frame is selected at this time. In this case, the plugin will create a new frame when you use the Create Image feature.

On this page

New Figma Plugin - Vectary 3D Studio Lite
Getting started
Features
Material picker
Get material frame from object
Ground shadow
Background
Preview 🔥
Create image/Update image
Reopen Plugin 🔥