Level 2 stage
Share
The endless canvas: Figma, 2D pixels & 3D shaders
- Theme:Dev & code
- Topic:UX
- Topic:Prototyping
- Topic:Motion design
Let's go on a rabbit hole of hacking with Figma to turn the canvas into a 3D world. I'll show you how I connected the parts: turning artwork into textures, colors into lights, vectors into 3D objects, and layers into stacked materials. This is my journey of connecting Figma to the Cloud, using the browser's power to turn designs into an endless 3D visual lab.
David Galavotti
Design Engineer
Designer In The Loop
The future of the web is paved with shaders
- Theme:Dev & code
- Topic:UX
- Topic:Visual design
In this talk, Maxime explores the possibilities that shaders unlock for the web. From mimicking real life physical effects to allowing for more advanced post-processing that were so far impossible with CSS or JS, shaders are becoming a cornerstone of the modern web with ever more ambitious websites powered by them appearing day by day. This presentation aims to introduce key aspects of shaders and ease you into this perhaps new concept while also showcasing how to leverage them into your own work.
Maxime Heckel
Software Engineer
Tango Technology
Design meets code: interactive animations with Figma
- Theme:Dev & code
- Topic:Collaboration
- Topic:Motion design
- Topic:UX
Discover how to create interactive animations that bridge the gap between design and code. In Design Meets Code: Interactive Animations with Figma, learn how to use Figma and the LottieFiles plugin to design and export animations, add interactivity with triggers and states, and streamline handoff to development using the Figma plugin for Visual Studio Code. Packed with practical examples and a live demo, this session equips developers and designers with tools to bring animations to life in production-ready projects.
Carmen Ansio
Design Engineer
LottieFiles
About the speakers
David Galavotti
He/himDesign Engineer
Designer In The Loop
David Galavotti is a Design Engineer exploring the intersection of creative coding and design tools. His experimental work focuses on building integrated workflows between Figma, WebGL shaders, and generative geometry, creating new ways for typography and interface elements to exist in dimensional space. His work combines custom shaders, parametric design, and cloud rendering pipelines to push creative tooling beyond traditional constraints. He has a passion for inspiring designers to break free from static 2D thinking and explore new possibilities in computational design.
Maxime Heckel
He/himSoftware Engineer
Tango Technology
Maxime is a frontend engineer based in New York. Over the past decade, he has worked with startups to build well-designed, performant web applications while continuously refining his skills in both design and engineering through his personal projects. His recent focus is on 3D, WebGL, and shaders—which he believes are the future of web. He shares his insights and experiments on his blog, exploring the intersection of code, math, and creativity.
Carmen Ansio
She/herDesign Engineer
LottieFiles
Carmen Ansio is a Design Engineer at LottieFiles, where she connects design and development by creating tools and animations for interactive experiences. With a background in graphic design, illustration, and web development, she combines creativity and code to bring ideas to life. As a Google Developer Expert (GDE) and Microsoft MVP, Carmen shares her knowledge with the community and learns from others along the way. When she’s not designing or coding, she loves playing the piano and geeking out over retro video games.