Vibe coding is a workflow where designers use AI-powered coding tools like Claude and VS Code to ship code directly to production, eliminating the traditional design-to-engineering handoff. It allows designers to explore codebases, audit apps, prototype interactive features, and migrate design system assets without waiting for engineering support.

How can designers use VS Code to audit apps and explore code?

Designers can use VS Code to audit apps, explore code, and prototype interactive features without engineering support. This involves learning to navigate codebases, understand component structures, and use AI tools like Claude to help understand and modify code.

What are the benefits of designing in code for design systems?

Designing in code eliminates error-prone handoff processes, improves collaboration with engineers, allows designers to ship high-quality code in large-scale codebases, and gives designers more ownership of what ships. It also reduces friction and speeds up the design-to-production cycle.

What tools are used for vibe coding at WhatsApp Web?

WhatsApp Web uses Claude (an AI coding assistant) and VS Code (a code editor) for vibe coding. These tools allow designers to explore codebases, audit apps, prototype interactive features, and migrate design system assets into production without traditional engineering handoff processes.

How does vibe coding improve collaboration between designers and engineers?

Vibe coding improves collaboration by eliminating the error-prone handoff process. When designers can ship code directly, they can iterate faster, engineers can focus on more complex problems, and both teams can collaborate more effectively on the actual codebase rather than through documentation and specifications.

Get Tickets

Vibe Coding

Design Systems

WhatsApp Web: Reclaiming UI Excellence through Vibe Coding

Live

30 MIN + Q&A

About this Session

The WhatsApp Web design system serves hundreds of millions of users, yet it's maintained by a team of just one designer and one engineer. That constraint forced us to rethink how design work gets done.

The key has been compressing the traditional design-to-engineering handoff. Instead of specifying, documenting, and waiting for every small change, I've started shipping code directly to production using Claude and VS Code.

In this talk, I'll walk through my workflow, how I explore and audit an unfamiliar codebase, migrate design system assets into production, and the lessons learned along the way.

From my talk, you will learn:

•How to use VS Code to audit apps, explore code, and prototype interactive features, without engineering support.
•How designers can confidently ship high-quality code in large-scale codebases.
•How designing in code eliminates error-prone handoff processes and improves collaboration with engineers.

Who is this for?

Design system practitioners, product designers, and content designers who want to move faster, reduce friction, and take more ownership of what ships.

Presented by:

Sebastian Rousseau

he/him

Senior Product Designer Design Systems

Sebastian Rousseau leads the Web and Windows Design System at WhatsApp, serving hundreds of millions of users worldwide. With over a decade of experience in large-scale design systems, he focuses on how design systems become lean multipliers under constant change, and how AI-powered coding tools like Claude and VS Code are reshaping what designers can ship. He specializes in vibe coding workflows that eliminate traditional design-to-engineering handoffs, allowing designers to ship code directly to production.

Secure your ticket now

Get access to all conference sessions, files, Q&As and networking.

30% OFF

INDIVIDUAL

Solo Pass

Personal access live conference

1 login per ticket

$499

$649 · Save 30%

Secure your spot

Access to live conference

Access to networking board

Networking & live Q&A

Slides & files included

All conference recordings included

Certificate of attendance

120 minutes of pre recorded AI sessions

TEAM

Team Pass

Live access to the conference for up to 5 team members

$2,199

5 seats · $2,495 · Save 14%

Learn with your team

Access to live conference

Access to networking board

Networking & live Q&A

Slides & files included

All conference recordings included

Certificate of attendance

120 minutes of pre recorded AI sessions

BONUS

AI Bonus content included

120 minutes of on-demand sessions pre-recorded during our events are available instantly to all conference ticket holders. Access immediately after purchase

You'll learn:

How the Spotify Design System team built their MCP

Best practices for prompting in Cursor so AI generates the design you expect

How to work with context-based Design Systems and helpful plugins