Into Design Systems - Vibe Coding Design Systems - Online Jam
Join our casual, friendly online jam to learn about Vibe Coding Design Systems🫰
👆 This session focuses on Vibe Coding Design Systems!
We recommend having some knowledge of Design Systems, Design Tokens and Variables. You can learn more about these topics from our conference recordings
Sessions:
Spec Driven Development (formerly “Vibe Coding”)
skill level: beginner friendly / intermediate
Laura Fehre (she/them) - Designer Advocate Figma
What you will learn:
How to use design system specs as the single source of truth for AI-assisted code generation.
How to translate design tokens, constraints, and components into reliable, scalable UI code.
How spec-driven development closes the gap between design and engineering—creating consistency, trust, and speed.
Vibe Coding a Design System Documentation Site (Experimental)
skill level: beginner friendly / intermediate
Lea Phillips (she/her) - Senior Design System Lead
What you will learn:
• How to vibe code the foundational structure of a Design System documentation site using Figma Make
• How to export Figma variables into clean, reusable JSON files
• How to import JSON variables into Figma Make and build a dual-theme system
• How to import a Figma component file into Figma Make for scalable documentation
Context-Based Design Systems: A New Model for the AI-Driven Product Lifecycle
skill level: beginner friendly / intermediate
TJ Pitre (he/him) - Founder & CEO at Southleft
What you’ll learn:
• How to prepare your Figma files for AI-assisted, context-driven workflows
• How context, not just data, connects design and code in the modern product lifecycle
• How to use tools like the Figma MCP and Cursor to context engineer components with real-world fidelity
• How to evolve your design system into an AI-ready framework that accelerates collaboration across teams
This event is highly inclusive, friendly and supportive. Come exactly as you are! 🌈