Design tokens name generator interface screenshot

The Design Tokens Name Generator by thedesignsystem.guide is a practical tool for design system teams looking to establish consistent and scalable naming conventions for tokens. It allows users to generate structured names for both semantic tokens (like button-background-primary-hover) and core design tokens (like spacing-sm), depending on the chosen type and structure.

The interface supports preconfigured options such as a default naming structure—component-category-state-role—as well as a custom setup for more flexible systems. It’s aimed at teams building mature systems that require clear governance around naming logic to ensure scalability, readability, and easy collaboration across design and engineering.

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.