# Figma 3D renderer

A real-time 3D renderer for importing, lighting, and rendering 3D models inside Figma.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Building Depth: Designing and Developing a 3D Renderer Inside Figma

DevFeed: [Building Depth: Designing and Developing a 3D Renderer Inside Figma](<https://devfeed.tech/articles/building-depth-designing-and-developing-a-3d-renderer-inside-figma-8995.md>)

Original publisher: [Read original article](<https://tympanus.net/codrops/2026/09/13/building-depth-designing-and-developing-a-3d-renderer-inside-figma/>)

Author: Aleksei Kipin

Published: 2026-09-13T11:34:39Z

Content type: article

Language: en

Sources: [Codrops](<https://devfeed.tech/sources/codrops.md>)

Topics: [Figma 3D renderer](<https://devfeed.tech/topics/figma-3d-renderer.md>), [Figma](<https://devfeed.tech/topics/figma.md>)

Tags: [3d](<https://devfeed.tech/tags/3d.md>), [3d-design](<https://devfeed.tech/tags/3d-design.md>), [3d-modeling](<https://devfeed.tech/tags/3d-modeling.md>), [3d-renderer-for-figma](<https://devfeed.tech/tags/3d-renderer-for-figma.md>), [3d-rendering](<https://devfeed.tech/tags/3d-rendering.md>), [3d-visualization](<https://devfeed.tech/tags/3d-visualization.md>), [3d-workflow](<https://devfeed.tech/tags/3d-workflow.md>), [articles](<https://devfeed.tech/tags/articles.md>), [case-study](<https://devfeed.tech/tags/case-study.md>), [creative-development](<https://devfeed.tech/tags/creative-development.md>), [depth-3d-renderer](<https://devfeed.tech/tags/depth-3d-renderer.md>), [depth-figma](<https://devfeed.tech/tags/depth-figma.md>), [depth-figma-plugin](<https://devfeed.tech/tags/depth-figma-plugin.md>), [design-engineering](<https://devfeed.tech/tags/design-engineering.md>), [design-tools](<https://devfeed.tech/tags/design-tools.md>), [figma](<https://devfeed.tech/tags/figma.md>), [figma-3d](<https://devfeed.tech/tags/figma-3d.md>), [figma-3d-renderer](<https://devfeed.tech/tags/figma-3d-renderer.md>), [figma-plugin](<https://devfeed.tech/tags/figma-plugin.md>), [figma-plugin-design](<https://devfeed.tech/tags/figma-plugin-design.md>), [interactive-3d](<https://devfeed.tech/tags/interactive-3d.md>), [plugin-development](<https://devfeed.tech/tags/plugin-development.md>), [product-design](<https://devfeed.tech/tags/product-design.md>), [product-design-case-study](<https://devfeed.tech/tags/product-design-case-study.md>), [real-time-rendering](<https://devfeed.tech/tags/real-time-rendering.md>), [three-js](<https://devfeed.tech/tags/three-js.md>), [ui-design](<https://devfeed.tech/tags/ui-design.md>), [ux-design](<https://devfeed.tech/tags/ux-design.md>), [visualization](<https://devfeed.tech/tags/visualization.md>), [webgl](<https://devfeed.tech/tags/webgl.md>), [workflow](<https://devfeed.tech/tags/workflow.md>)

### AI overview

An article about building Depth, a Figma plugin for quickly rendering 3D models during design work. It describes the workflow, plugin architecture, rendering behavior, and export approach.

### Source excerpt

A look at how Depth came together, from building a 3D renderer inside Figma to designing a website that explores what it can do.