design tokens
3 videos across 2 channels
Design tokens emerge as the connective tissue between code and design systems: they encode visual decisions (colors, typography, spacing) for consistent theming and scalable maintenance. The videos explore how tokens support toolability and automation—from translating variables into design assets in Figma to guiding maintainable CSS architectures and guarding against drift in design systems—while also noting the limits of automation and the enduring need for human UX judgment.
Can AI Make Good Design?
The video surveys how AI influences design and UX, arguing that while AI can assist with exploration, tooling, and repet
Writing Maintainable CSS
The episode explores how to write maintainable CSS by weighing different architectural approaches (utility-based, compon
The New Figma Workflow - Code to Design & Vice Versa
The video demonstrates how to set up and use a Figma MCP server to automatically translate design tokens and variables f