26 Mar 2025
58m

Building Figma Slides with Noah Finer and Jonathan Kaufman

Podcast cover

The Pragmatic Engineer

This episode explores the development of Figma Slides, a new product launched by Figma in less than a year. The interview features two engineers, Jonathan and Noah, who detail the technical challenges and unique solutions employed during the project. Against this backdrop, they discuss the innovative two-way navigation system between grid and single slide views, built upon Figma's existing infinite canvas. More significantly, the conversation delves into the complexities of their tech stack, a blend of TypeScript, React, and a substantial C++ codebase, highlighting the use of a custom debugging tool that allows for simultaneous debugging of C++ and TypeScript code. For instance, the engineers explain how they addressed the challenges of maintaining a seamless multiplayer experience while reordering slides, employing a sophisticated system of minimal mutations to optimize performance and stability. Finally, the discussion touches upon their unique testing methodology, including running tests with all feature flags both on and off, and their internal "EngCrits" process, using FigJam for collaborative design and code reviews, illustrating the innovative engineering culture at Figma.

Outlines

Part 1: Introduction and Initial Development

Part 2: Single Slide View and Team Dynamics

Part 3: Tech Stack and Debugging

Part 4: Challenges and Interoperability

Part 5: Testing, Bug Fixing, and Deployment

Part 6: Internal Tools and Conclusion

Sign in to continue reading, translating and more.

Continue
 
mindmap screenshot
Preview
preview episode cover
How to Get Rich: Every EpisodeNaval