Making a 3D world with 2D pixels in Figma
summary
Claims a live pipeline: textures fetched from Figma via REST API load into a 3JS/WebGL scene with HDR lighting and web workers, assets served at multiple scales for LODs, and React fiber gives atomic updates so edits in Figma appear after a refresh. SVG path data becomes meshes that are extruded and morphed, cube maps use six Figma frames for environmental lighting, many experiments run successfully though a few demos are heavy on CPU.
AI-written summary · about
chapters (12)
- 0:00Intro
- 0:38My creative journey
- 3:35Figma REST API
- 5:27Figma Cloud Source H
- 8:30Cube Map
- 9:59Figma
- 10:47Intentional research
- 12:14LODs
- 14:21Reframing
- 15:58Design System
- 16:26Creativity and Curiosity
- 17:41Code Journaling
related talks
37mCreating 3D Experiences with React
33mFigma deep dive: Generative shader effects
25mUsing Figma to go beyond Figma
41mFigma deep dive: Weave
15mDimensional shift: sculpting in Figma Draw
27m3D graphics in React & React Native using React-three-fiber
25mUnexpected places: Figma as a space for anything and everything
28mPushing Figma to its limits