Design Tokens Name Generator

Design Tokens Naming Tool - Create scalable naming conventions for your design system

The Design Tokens Name Generator is a powerful tool for creating consistent and scalable naming conventions for design tokens in your design system. It allows users to generate semantic and core design tokens by configuring various parameters such as token types, naming structures, components, categories, states, and roles. Whether you are designing for backgrounds, text, icons, or other UI elements, this generator provides customizable options to fit your needs. Experience a smooth and intuitive interface that helps streamline your design process.

https://namedesigntokens.guide

{{ ui.publicListPage.error === 'not_found' ? 'This collection is unavailable' : 'Failed to load' }}

{{ t('note.public') }}
{{ t('note.public_hint') }}

Название
Описание

Доступ

{{ t('list.public') }}
{{ t('list.public_hint') }}
{{ t('list.hide_owner') }}
{{ t('list.hide_owner_hint') }}

{{tag.name}}

{{ search.results.semantic ? t('cat.results') : t('cat.suggested') }}

{{app.title}}

{{app.subtitle}}

Design Tokens Name Generator

{{ ui.publicListPage.meta && ui.publicListPage.meta.name }}

{{ t('home_settings.title') }}

{{ t('home.apps') }} search

{{ pl.name }}

{{ t('search.title') }}

{{ t('home.collections') }}

{{ t('profile.title') }}

Новый лист

Design Tokens Name Generator

{{ ui.publicListPage.meta && ui.publicListPage.meta.name }}

{{ t('home.apps') }} search

{{ pl.name }}

{{ t('search.title') }}

{{ t('home.collections') }}

{{ t('profile.title') }} gear person_crop_circle {{ t('settings.sign_in_hint') }}

Новый лист

{{ t('profile.title') }}