Layers 3D

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 particleshiftlabs@gmail.com 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.