Coffee With Developers • Jun 23, 2025

Rendering Design Software in the Browser at Penpot

Elena Torró

Deep SVG hierarchies severely throttle browser performance. See how Penpot bypasses the DOM, utilizing Rust, WebGL, and Skia to unlock massive rendering speeds for their open-source design tool.

Starting at 4:45 · Watch from the beginning

Rendering Design Software in the Browser at Penpot thumbnail

Checking access…

Playback and chapters load privately for Free videos.

Matching moments

9:00 min

Managing open source community technical contributions and architectures

Pablo Ruiz-Muzquiz · Coffee With Developers

2:15 min

Transitioning native desktop graphics implementations to the web

Andrew Burnett-Thompson +3 · LIVE

2:44 min

Evaluating AI tooling and design platforms for developers

Harry Roberts +2 · LIVE

2:38 min

Overcoming technical challenges of browser-based design environments

Kris Rasmussen

Kris Rasmussen +1 · World Congress 2024

2:04 min

Advancing design tools for modern frontend development requirements

Kris Rasmussen

Kris Rasmussen +1 · World Congress 2024

58 sec

Boosting Figma rendering performance by targeting direct WebAssembly execution

Önder Ceylan

Önder Ceylan · World Congress 2024

More from Coffee With Developers

The State of Agentic AI - Adel Zaalouk thumbnail

The State of Agentic AI

Adel Zaalouk +1

3 days ago

Staying Curious in an AI World - Werner Vogels thumbnail

Staying Curious in an AI World

Werner Vogels +1

3 days ago

Transforming Tech Hiring with AI - Philipp Richter thumbnail

Transforming Tech Hiring with AI

Philipp Richter +2

Last week

Agentic Software Engineering thumbnail

Agentic Software Engineering

Dr. Ralf S. Engelschall +2

3 weeks ago

Using Agents to Curate the Content You See Online - Dan Gish thumbnail

Using Agents to Curate the Content You See Online

Dan Gish

Aug 2026

AI Vector Search at Scale - Ewa Szyszka - Ewa Szyszka thumbnail

AI Vector Search at Scale - Ewa Szyszka

Ewa Szyszka

Aug 2026

Upcoming sessions on this topic

Starts in 12 days

Conference India 2026

November 25–26, 2026

Bengaluru, India

Get tickets All 107 sessions

The UI Engineering Playbook: Modern CSS, Design Systems, Motion & AI-Assisted Workflows
Wadad Parker · Ednius Inc.

Thu 26 Nov · Room 6
React Under Fire: Rendering Performance for Streaming Agent UIs
Abhirupa Mitra · Slack

Thu 26 Nov · Stage 4
Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs
Vidhya Krishnamoorthy · Morgan Stanley

Thu 26 Nov · Stage 4

Related videos

Building Collaborative Open Source tools for Developers and Designers - Pablo Ruiz-Muzquiz from Penpot thumbnail

Building Collaborative Open Source tools for Developers and Designers - Pablo Ruiz-Muzquiz from Penpot

Pablo Ruiz-Muzquiz

Coffee With Developers · Jun 2025

WeAreDevelopers LIVE - Speeding up with WebGPU thumbnail

Speeding up with WebGPU

Sylwia Laskowska +2

LIVE · Apr 2026

WeAreDevelopers LIVE - Rendering in the Browser, The State of CSS and Accessibility and more thumbnail

Rendering in the Browser, The State of CSS and Accessibility and more

Elena Torró +2

LIVE · Jun 2025

WeAreDevelopers LIVE - CSS is DOOMed thumbnail

CSS is DOOMed

Niels Leenheer +2

LIVE · Apr 2026

WeAreDevelopers LIVE – From JavaScript to WebAssembly, High-Performance Charting and More thumbnail

From JavaScript to WebAssembly, High-Performance Charting and More

Andrew Burnett-Thompson +3

LIVE · Jan 2026

Making of paint.js.org—a Web Component-based Productivity PWA thumbnail

Making of paint.js.org—a Web Component-based Productivity PWA

Christian Liebel · Thinktecture

World Congress · 2022

Related articles

CH

Chris Heilmann

Declarative Design and a fresh take on collaboration with developers

Getting designers and developers on the same page can be tough for digital product teams. Things get especially tricky when the focus is just on fixing little things here and there instead of looki...

over 1 year ago

Illustration showing how developers and designers can work on the same project together

CH

Chris Heilmann

Dev Digest 129 - Now that's what I call private data!

News and ArticlesAfter declaring Google a monopoly there are now considerations to force it to break up - isn't that what the whole Alphabet thing was about? In the last act of Crowdstrike coverage...

about 2 years ago

Dev Digest 129 - Now that's what I call private data!

CH

Chris Heilmann

Dev Digest 118 - not a total recall

OpenAI playing nice, Google giving terrible advice, Microsoft's spyware and lots to learn from excellent books and tutorials.News and ArticlesThe Doge meme dog died and we wonder what this does to ...

over 2 years ago

Dev Digest 118 - not a total recall

CH

Chris Heilmann

Dev Digest 133 - Back to Front

News and ArticlesWeAreDevelopers LIVE WebDev Day is on Wednesday, 18/11/2024. Learn about Design-first APIs for UI components, the JavaScript event loop, the Secret sauce behind pattern matching an...

about 2 years ago

Dev Digest 133 - Back to Front

From learning to earning

Jobs that call for the skills explored in this talk.

Senior Web Software Architect, AI Experiences

TeamViewer Germany GmbH

Austin, TX, United States

Expert ReactJS TypeScript TeamViewer

Staff Frontend Design Engineer - AI & Systems Leader

San Francisco, CA, United States

Expert Github ReactJS Adobe InDesign

about 2 months ago •

Open Application

Expert Remote Product Management

Product Designer, Web3 Fintech & AI Prototyping

Barcelona, Spain

Figma Web3.js Artificial Intelligence

Senior Frontend Engineer

Berlin, Germany

Expert Cursor Claude NestJS

Staff Frontend Design Engineer - AI & Systems Leader

San Francisco, CA, United States

Expert Github Open Source Technology Artificial Intelligence