Vectary Plugin for Figma
Meet the new plugin for Figma
Overview
The Vectary plugin for Figma enables seamless integration of 3D projects into Figma workflows. It allows applying designs to 3D models, real-time fitting on the canvas, exporting high-quality renders, and accessing AR features directly within Figma.
Key Capabilities
Apply design to a 3D project with just two clicks
Real-time 3D model fitting on the canvas using Preview mode
Export rendered image to the Figma canvas
Immediate texture reflection in AR (AR can be activated from Figma)
Save all applied textures for use in configurators without altering the original project
Quickly open a 3D project in Figma with interactions, animations, AR, and UI elements
Modify existing project textures
Change background (including transparent option)
Add a shadow to the scene
Getting started
No tokens are required. A Vectary project link is sufficient to begin.
Upon launching the plugin, a field appears for pasting a Vectary project link, along with options to load demo projects.
Loading a 3D Project
Option 1: use demo projects Select one of the available demos and start working immediately.
Option 2: use a custom Vectary project
Sign up on the Vectary platform
Create a new project
Share the project and copy the link
Paste the link into the plugin
When a custom project is loaded, all configurations (interactions, animations, AR, Floating UI) will remain functional.
Features
Material picker
Enables applying a Figma frame to a material selected from a 3D object.
How to use:
Select the Material Picker tool
Use the dropper to hover over and select a material (material name appears near cursor)
Once selected, the material name appears next to the dropper icon
Click on a Figma frame to apply the selected material
Get material frame from object
Exports the object's texture as a frame to the Figma canvas.
Only the Color texture is exported (Opacity, Emission, Normal maps are not included)
If the texture was replaced using the Material Picker, the original texture will still be used for export
How to use:
Select the Get Material Frame from Object tool
Hover over the object to reveal the material name
Click to extract the texture
A Figma frame with the texture will appear on the canvas
Ground shadow
Activates the ground plane, which can be further customized in the Vectary Studio.
Background
Allows enabling/disabling the background. A transparent background is available.
Note: Background color is affected by the Adjustment effect.
Preview
Enables real-time model preview within the Figma frame.
Preview quality is low for performance; high-quality image is generated during export
Requires use of Create Image to activate
Preview Mode is disabled automatically after creating or updating an image
Plugin is linked to a single frame; for multiple instances, duplicate the frame
Create image - Update image
Create Image: Captures the current project view and creates a frame on the canvas
Update Image: Refreshes an existing plugin-generated frame with current model view
Reopen Plugin
The plugin retains memory of existing frames and associated settings.
Two reopen scenarios:
Frame selected: Plugin reopens the same project, preserving view and settings (including texture/configurator changes)
No frame selected: Plugin starts a new session and creates a new frame upon image creation
Tutorials
Last updated