/* in speakers pagina */

CSS Day

.css-day.2025 {
  date: '5th and 6th of June';
  speakers: '14 in one track';
  location: 'Amsterdam - NL';
}

Buy workshop tickets now

Advanced Design Tokens workshop

On Wednesday 4th of June, the day before CSS Day, Brad and Ian Frost will run their successful Advanced Design Tokens workshop in Amsterdam!

Tickets are €400 (+ 21% VAT). The workshop will run from 09:00 to 17:00, and lunch is included. It will be at a different venue than the conference; more information will follow.

Buy tickets

Workshop description

The digital landscape is more complex than ever; your organization needs to support a diversity of digital products, platforms, brands, frameworks, color modes, and more. While design systems unlock much-needed efficiency & consistency, each product has its own unique design needs. Can we provide the benefits of shared systems without forcing everything to look exactly the same?

The answer is design tokens! For over a decade, we've helped dozens of organizations — including some of the world's largest! — create design token systems to help them strike the balance between consistency/efficiency and expression/innovation. It's hard and tricky work!

This full-day workshop will help you master design tokens to help your Multi-All-The-Things organization create high-quality digital products:

  • Core concepts - Why design tokens matter, use cases and applications, and where they live in a design system ecosystem
  • Token foundations & architecture - Introduce the three-tiered design token architecture and apply it to color, typography, border, spacing, and shadow design tokens
  • Naming conventions - Structure and guidance to help you conquer the biggest pain in the ass around creating a token system
  • Implementing a token system in Figma and code - Creating token architecture in Figma Variables and Style Dictionary. We'll discuss the good, bad, and ugly of synchronization and automation between design and code
  • Wiring up a token system in design and code - Implementing a token system in design files and CSS custom properties for design system and custom components
  • Managing & evolving design token systems - Managing a token system as a product: cross-disciplinary collaboration, token czars, token system governance, and versioning
  • Advanced design tokens - dark mode, rebrands, sub-brands, white-labeling, multiple product families, and more

Design tokens are a cross-disciplinary affair! That's why this workshop is geared towards both designers and developers, and will be valuable for both teams getting started and teams with mature systems.