Первая стабильная версия формата, Design Tokens Format Module 2025.10, вышла 28 октября 2025 года как Final Community Group Report (designtokens.org). Это не стандарт W3C, и на Standards Track его нет. Формат читают и Figma, и Style Dictionary.
Что определяет формат
Файл DTCG записан в JSON. У каждого токена есть $value и обычно $type. Группы вкладывают токены друг в друга по имени, а значение в фигурных скобках означает ссылку на другой токен:
{
"color": {
"blue": {
"500": {
"$type": "color",
"$value": { "colorSpace": "srgb", "components": [0.1451, 0.3882, 0.9216], "hex": "#2563eb" }
}
}
},
"bg": { "accent": { "$type": "color", "$value": "{color.blue.500}" } }
}Инструменты обязаны сохранять $extensions, которые не понимают. Поэтому файл может нести данные конкретного инструмента, например стабильный ID, и не мешать другим инструментам его читать.
Режимы и темы
Сам Format Module не определяет ни режимы, ни темы. Сопутствующий Resolver Module 2025.10, опубликованный в тот же день, описывает, как работать с токенами «в нескольких контекстах (например, цветовые темы „светлый режим“ и „тёмный режим“)». Style Dictionary 5.5.5, к примеру, его пока не читает. Поэтому во многих проектах держат по файлу токенов на режим, так же, как их записывает Export mode в Figma.
Кто его читает
Figma умеет импортировать и экспортировать переменные в DTCG JSON из панели Variables (Modes for variables). Style Dictionary v5 собирает файлы DTCG в CSS, SCSS и JavaScript, а поддержка 2025.10 ещё в работе (Style Dictionary and DTCG). Мы делаем FISYCO. Для новых библиотек он по умолчанию экспортирует токены в DTCG, по файлу на режим.