What Are Hypertokens? The Layer Between Tokens and Components, Rebuilt for Agents

What it is — Explores hypertokens, a proposed design-token layer (an exploration by Jake Albaugh’s team at Figma) that bundles related style properties into one named source of truth compiled into every tool’s format.

Key points

• Solves token drift: bundles like typography (family, size, weight, line-height) currently live separately in CSS, Figma, and iOS, and go out of sync.
• Gives agents a single semantic handle (e.g. Surface.brand) instead of fifteen loose values to guess how to connect.
• Not yet shipped — still an exploration, but worth adopting semantic design-system practices now to align with it later.