Vectary 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

1. Sign up on the Vectary platform

2. Create a new project

3. Share the project and copy the link

4. Paste the link into the plugin

Features

Material picker

Enables applying a Figma frame to a material selected from a 3D object.

How to use:

1. Select the Material Picker tool

2. Use the dropper to hover over and select a material (material name appears near cursor)

3. Once selected, the material name appears next to the dropper icon

4. 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:

1. Select the Get Material Frame from Object tool

2. Hover over the object to reveal the material name

3. Click to extract the texture

4. 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.

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:

1. Frame selected: Plugin reopens the same project, preserving view and settings (including texture/configurator changes)

2. No frame selected: Plugin starts a new session and creates a new frame upon image creation

Tutorials