Article on naming tokens in design systems

The article “Naming Tokens in Design Systems” by Nathan Curtis, published on EightShapes, explores how to create effective, scalable naming conventions for design tokens—fundamental pieces of UI style like color, spacing, or typography stored as variables in design systems. The article’s core purpose is to help design system teams understand the nuances of naming, avoid pitfalls, and align cross-functional teams (design, engineering, and documentation) around consistent, meaningful labels.

Curtis breaks down token naming into layers of complexity, from simple, purpose-based labels like color.background to more advanced structured schemes that support themes, component states, and scalability. He highlights the importance of clarity, hierarchy, and predictability in naming, and discusses token categories such as global vs. component tokens, semantic naming, and naming for variants (e.g., hover, disabled). The article also provides example token taxonomies and naming systems in real-world use, making it a practical guide for anyone designing or maintaining a mature design system.

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.