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

  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.

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:

  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

Last updated