Back to Plugins
Layers 3D

Layers 3D

Your UI, but in 3D.

blender2dgltfvr3dspline

Plugin Preview

Layers 3D preview

About this plugin

The Layers 3D plugin allows you to get 3D assets of your Figma UI designs.3D meshes are exported as GLTF files.📚 TutorialsFrom Figma to Blender: Enhance your UI designs with 3D renders.🎬 Getting StartedTo start generating meshes for your Figma designs:Select a node from Figma’s view port or layers panel.Left click on the selected node to open the context menu. Go to Plugins > Layers 3D.The plugin window will pop-up and a loader shown while generating the mesh.Once loaded you should see the 3D mesh rendered on screen.🎮 ControlsPanMac: ⌘ + Right Click + Drag or Shift + Right Click + DragWindows: Shift + Right Click + DragOrbitMac: Right Click + DragWindows: Right Click + DragZoomMac: Mouse ScrollWindows: Mouse Scroll🛟 FAQLoader is displayed for a long timeThe speed of mesh generation depends on the complexity of the selected node and your computer's performance, since it happens locally.In some cases, the generation may take up to several minutes.Loading is done but I don’t see the 3D MeshEnsure you’ve actually selected a node. If a node is not selected the scene will be empty.Try zooming out and orbiting the scene (check controls table above). Your mesh might be small or offset from the camera’s initial position.Tried the above and still can’t see the mesh? Send an email to [email protected] with details of your selection.Current Limitations:Only supports Google Fonts.Works with one node at a time i.e. a single node selection from Figma's view port.

Plugin Details

Version32
CreatedJanuary 25, 2024
Last UpdatedOctober 29, 2024
Categorydesign-tools-other
CreatorCrystal Bridge
Stats892 installs, 69 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:plugin.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://dl.polyhaven.org/file/ph-assets/HDRIs/hdr/
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com/
    • https://splash-easy.ew.r.appspot.com
    • https://www.googleapis.com/