Back to Plugins
Vector to 3D

Vector to 3D

Brings 3D design into your Figma workflow seamlessly.

raytracingmockupiconsrenderwebglvectorextrude3dillustration3d icon

Plugin Preview

Vector to 3D preview

About this plugin

Vector to 3D brings 3D design into your Figma workflow seamlessly.


It convert your 2D text and vector layers into 3D models with just one click! With the built-in powerful ray tracing renderer. You can create nice 3D icons, banners, mockups, or any other 3D-style images without being a 3D specialist.


Supports:

  1. Mail: [email protected]
  2. Twitter: https://twitter.com/pissang1


Examples:

  1. Vector to 3D Showcase by Coy-huase
  2. iPhone 15 Pro mockup created by the Vector to 3D plugin


Unofficial Tutorials:

  1. Master 3d Modeling In Figma In Just 10 Minutes
  2. Use Figma to create 3D flower icon in 5 mins
  3. Vector to 3D Tutorial: Build a 3D laptop in Figma


Features:

  1. Convert any kind of vector nodes and text nodes into 3D models with just one click.
  2. Renders to a state-of-the-art image with GPU accelerated ray tracing
  3. Intuitive lighting system
  4. Plastic, glass, metal, emissive, iridescence materials.
  5. Boolean operations and SDF based blending for creating complex 3D objects.
  6. Turntable animation animation sequence rendering. [pro]
  7. Save projects to layers and share to others. [pro]
  8. Export the model to GLB 3D model format. [pro]
  9. Download or insert into figma with high resolution PNG with transparent background. [pro]



PRO License:

To use the PRO features, you need to obtain a license from Gumroad

Plugin Details

Version165
CreatedJuly 22, 2023
Last UpdatedApril 6, 2025
Categorydesign-tools-other
CreatorYi Shen
Stats41735 installs, 4581 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Network Access:

    The plugin is using inline web worker, which needs to be initialized with a blob URL.

  • Editor Types:
    figma
  • Allowed Domains:
    • *