Design · CSS
Design tokens that engineers will actually use
UI Systems & Design Tokens graduates often arrive with beautiful Figma files and no pipeline. We introduce JSON token sources consumed by both CSS custom properties and build-time scripts.
Yuri Jung mentors teams to name tokens by role, not hex value — `--color-surface-elevated` beats `--blue-4`. Engineers receive a changelog when tokens shift, similar to API versioning.
Accessibility checks run on token pairs before handoff. If contrast fails, the token PR does not merge. This prevents "designer-approved, engineer-ignored" palettes.
The capstone packages tokens for a sample dashboard used in Python course demos, proving cross-disciplinary handoff works in small teams.