Introducing 3d.to.design - Import 3D models directly into Figma

You need to show a product from three different angles in your Figma mockup. However, Figma doesn’t import 3D files—GLB, GLTF, OBJ, or any other 3D format. So you have to open Blender (or Cinema 4D, or Maya), rotate your model, export a render, import it to Figma. Then repeat twice more for the other angles. Thirty minutes gone for three images.

3d.to.design does this in 30 seconds. Drop your 3D model into the plugin, rotate to get the view you want. Done. The plugin renders your GLB, GLTF, OBJ, or ZIP files directly in Figma, with an interactive preview so you see exactly what you’re getting before it hits your canvas.

What is 3d.to.design?

3d.to.design is our new Figma plugin that converts 3D model files into 2D images inside Figma. It supports the most common 3D file formats: GLB, GLTF, OBJ, and ZIP archives containing 3D models with their textures and materials.

The plugin includes an interactive preview window where you can rotate, zoom, and position your 3D model before placing it on the canvas. This means you choose the exact view angle, lighting, and composition without any external rendering software. For product designers showcasing physical products, UI designers adding 3D icons or illustrations, or anyone presenting 3D concepts in design mockups, this plugin transforms a multi-step workflow into a single action right in your Figma canvas.

How does 3d.to.design work?

With 3d.to.design you can import 3D assets into Figma in just a few steps:

Step 1: Run the plugin

Open your Figma file and run the 3d.to.design from the plugins menu. The plugin window opens with a drop zone for your 3D files.

Step 2: Import your 3D file

Drag and drop your GLB, GLTF, OBJ, or ZIP file into the plugin window. The plugin loads the 3D model and displays it in the preview viewer. If you’re importing an OBJ file with textures, make sure to include the MTL file and any texture images in a ZIP archive so all materials load correctly.

Step 3: Position your model

Use the interactive preview to set up your view. Click and drag to rotate the model. Scroll to zoom in or out. Position the camera angle exactly how you want the final image to appear on your canvas. The preview shows you the exact output before you commit to placing it.

Step 4: Your 3D model is in Figma!

Once you’re happy with the view of your 3D model, the plugin renders your chosen angle and creates an image layer in your Figma file. This image layer works like any other image in Figma—you can resize it, apply effects, mask it, or include it in components.

Why use 3d.to.design?

💽 No external rendering software required:

You don’t need Blender, Cinema 4D, or other 3D software to render 3D models in Figma. The entire process happens in your Figma canvas.

🔎 Interactive preview control

Instead of guessing what angle will look right, you manipulate the 3D model in real-time and see exactly what you’ll get before placing it on the canvas. This saves the back-and-forth of exporting, checking in Figma, then re-exporting from different angles.

📚 Multiple file formats supported

Whether your 3D model comes as a GLB from a web-based tool, a GLTF from a game engine, or an OBJ from CAD software, the plugin handles the most common formats designers work with.

⚡️ Faster iteration

Need to show the same product from three different angles? Import the model once, rotate to the first angle, place it, then rotate to the second angle and place again. This takes seconds instead of minutes per view.

🎨 Stay within your design workflow

3d.to.design allows you to stay in Figma throughout the entire process. No context switching to 3D software, no managing multiple applications, no waiting for external renders to complete.

👩‍💻 Work with existing 3D assets

If you already have 3D models from product photography, CAD designs, or 3D illustration libraries, you can use those files directly. The plugin doesn’t require any special file preparation or conversion.

Import your 3D assets into Figma

If you need to add 3D assets to your designs in Figma, 3d.to.design is for you.

3d.to.design is now available to try in Figma Community. If you work with other specialized formats, check out anything.to.design for our full suite of import tools that bring over 40 different file formats into Figma.