Design Systems
Vibe Coding

Vibe coding with zero drift - from Figma to Storybook to Production

Live
30 MIN + Q&A

About this Session

Most teams don't lose alignment because people are careless.
They lose it because the system allows it.

This talk is about what happens when design decisions stop being documentation and start behaving like rules. We'll walk through a real pipeline that begins in Figma, passes through AI-assisted coding tools, and ends in Storybook—without the usual gaps, reinterpretations, or quiet compromises along the way.

Rather than asking designers and developers to "stay in sync," the approach removes the need for constant coordination by making drift structurally hard to introduce. The demo focuses on a small set of tools used deliberately, showing how fewer moving parts can lead to more trust in what ships.

From my talk, you will learn:

  • How to structure design decisions so they remain intact beyond the design file
  • How AI tools can help carry intent forward instead of reshaping it
  • How teams can ship components that look, behave, and evolve as expected

Who is this for?

Designers and engineers working on shared systems, especially those who feel that alignment currently depends too much on meetings, discipline, or luck.

Presented by:

Shuaiqi (Mr.Biscuit) Sun, Design System Architect at Independent, speaker at Into Design Systems Conference

Shuaiqi (Mr.Biscuit) Sun

he/him

Design System Architect

Independent

I am a design system architect specializing in Figma component libraries, hacks, and plugins. With a background in Apple's developer ecosystem and more than 8 years of UI/UX design experience, I focus on building design systems that reduce negotiation, shorten feedback loops, and move ideas to production with minimal loss along the way.

Creator of: Variable Visualizer, Ant Design System, Instance Utils

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
Vibe coding with zero drift - from Figma to Storybook to Production | Into Design Systems Conference 2026