A quick way to check if your semantic token names make sense. Use real product screens and ask people to match names to examples like spacing, type styles, corner radii, colours, elevation or motion. You will see which names are clear, which cause confusion, and where language needs refining. Run it when rolling out or renaming tokens to build confidence and a shared understanding across teams.
How to
(Optional call-out: include a simple diagram of the drag-and-drop activity on the back for clarity.)
-
Gather screenshots
Collect product screens through an Audit that clearly show different tokens in action such as headings, buttons, cards, inputs or spacing between elements.
-
Create draggable tokens
Prepare labels with your proposed token names such as radius-sm, space-xl, text-heading or background-surface.
-
Run the activity
Ask designers and engineers to match token names to the examples they see. Leave a space for suggestions on the board or set aside time to discuss.
-
Capture feedback
Note where names were easy to place, where people hesitated and any alternative names they suggest.
-
Review results
Look for patterns in overlaps or confusion and refine naming so it is easier to apply consistently across teams. Re-run session as needed.