Rendering Design Software in the Browser at Penpot

Explore the technical architecture behind Penpot's revolutionary browser-based rendering engine in this 52-minute developer interview. Join Elena Torró, Software Engineer at Penpot, as she reveals how the team completely reimagined design software rendering by abandoning traditional DOM approaches in favor of canvas, Skia, Rust, and WebAssembly technologies. Discover the engineering decisions behind implementing tile-based rendering for optimal performance, tackling complex challenges like multi-stroke text rendering and emoji support, and enabling seamless real-time collaboration features. Learn about the trade-offs between SVG and canvas rendering approaches, understand how modern design tools handle state management and performance optimization, and gain insights into scaling collaborative features for multiple users. The discussion covers technical deep-dives into rendering pipelines, shader programming, pixel-level optimizations, and the open-source development philosophy driving Penpot's innovation, making it essential viewing for frontend engineers, graphics programmers, and anyone interested in the technical foundations of browser-based design applications.