Английская лексика: UX/UI-дизайн · Дизайн-системы

Что значит design token?

Значение и примеры · UX/UI-дизайн

существительноеРаспространённый термин

design token: токен дизайн-системы, дизайн-токен

Именованное значение, хранящее дизайнерское решение — например цвет, размер шрифта или интервал, — чтобы дизайнеры и разработчики везде использовали одно и то же значение.

Где и как употребляется

Вместо жёстко заданного значения вроде #1A73E8 используют токен color-primary или spacing-md. Изменение токена обновляет все связанные экраны, упрощая темы и тёмный режим. В Figma токены часто хранятся как переменные.

Примеры предложений

Don't hard-code the blue; use the color-primary design token.
Не задавайте синий цвет напрямую: используйте дизайн-токен color-primary.
Токен заменяет жёстко прописанное значение цветовой переменной.
We updated the spacing design tokens, and every screen changed at once.
Мы обновили токены интервалов, и все экраны изменились одновременно.
Общее значение применено во множестве экранов, поэтому его правка затронула их все.

Распространённые словосочетания

color tokens
spacing tokens
token naming
update a design token

Это слово в других отраслях

Одно и то же английское слово может иметь другое значение в другой отрасли:

Другие термины: Дизайн-системы

Закрепляйте лексику чтением

Тексты подходящего уровня помогают запоминать новые слова. Выберите бесплатные книги на английском: