Overview
Bridging the gap between design and code shouldn’t be hard. In this talk, let’s explore what design systems are, why they matter, and how developers can use them to power automated workflows that deliver consistent, production-ready UI. You’ll learn how to ingest and transform design tokens with Style Dictionary and apply them across modern styling systems like MUI and Tailwind. This talk will also cover practical component design patterns that help keep your system scalable and maintainable. Whether you’re already working with a design system or just getting started, this session will give you practical tools to automate more and ship faster.
Objective
To help developers automate and scale UI development by using design systems, design tokens, and reusable patterns.
Five Things Audience Members Will Learn
- What a design system/design token is
- How to ingest tokens using style-dictionary
- How to transform design tokens for use in common UI frameworks (like tailwind or MUI)
- Coding practises for efficiently scaling UI
- How adopting design systems benefits designers, developers, and end users
Target Audience
Front-end Developers