A token set and component library that survives the trip from Figma to production without a translation meeting.
Overview
Design and engineering kept the same values in two places, and the two places disagreed within a month. Tokens authored once in JSON, compiled to both Figma variables and CSS custom properties by the same build. Drift went to zero. The handoff meeting became a pull request.
Problem
Design and engineering kept the same values in two places, and the two places disagreed within a month.
Approach
Tokens authored once in JSON, compiled to both Figma variables and CSS custom properties by the same build.
Outcome
Drift went to zero. The handoff meeting became a pull request.
A token set and component library that survives the trip from Figma to production without a translation meeting.
Design and engineering kept the same values in two places, and the two places disagreed within a month. Tokens authored once in JSON, compiled to both Figma variables and CSS custom properties by the same build.
Drift went to zero. The handoff meeting became a pull request.
40 windows • Design Systems • Mono Toolkit — For designers who code