Show HN: Figma 3D Tilt, Like "Firefox Tilt" but for Figma
Explore layer structure from a new perspective!
Why see your layers in 3D?
✅ Catch redundant Figma layers.
✅ Shatter the Pyramid of Doom (deep nesting and wrapper spam).
✅ Expose heavy layer structure.
✅ Understand stacking order.
✅ See z-index and elements overlap.
I built this because I neede...
Why see your layers in 3D?
✅ Catch redundant Figma layers.
✅ Shatter the Pyramid of Doom (deep nesting and wrapper spam).
✅ Expose heavy layer structure.
✅ Understand stacking order.
✅ See z-index and elements overlap.
I built this because I neede...
Summary not yet generated for this article.
Original Text
Firefox had a 3D DOM inspector called Tilt. Edge DevTools had one too. Both got killed.
The idea was good though. Pull the layers apart, see the structure spatially instead of reading a flat tree. It makes nesting depth, wrapper bloat, and stacking problems obvious in a way a panel never will.
I wanted it for Figma so I built it.
One difference worth noting. In the browser, the 3D view is a visualization of the rendered output. The layers are a representation of something else. In Figma, the layers are the actual structure. They are not a picture of the file. They are the file. So when you pull them apart in 3D you are looking at the real thing, not a shadow of it.
2k users. Free. No network access + You can smash things.
Comments (0 of ) ⌛