Гайд
Specsure — набор открытых инструментов для дизайн-токенов и кода, который их использует. Они читают одни и те же токены, чем бы те ни были созданы, и работают там, где работаете вы: в браузере, в Figma, в CI и рядом с вашим ИИ-агентом.
Что для чего
| Инструмент | Зачем |
|---|---|
| Token Diff | Понять, что меняет и ломает релиз токенов и какую версию ему ставить |
| Token Fix | Найти токен для цвета или размера и перевести на токены значения, вписанные в код руками |
| Плагин для Figma | Выгрузить переменные и стили файла Figma как токены DTCG |
| MCP-сервер | Чтобы ИИ-агент писал код на ваших токенах, а не вписывал значения |
| GitHub Action | Проверять каждый pull request, который меняет токены или код |
Как они складываются вместе
- Выгрузите из Figma. Плагин запишет переменные и стили файла в DTCG 2025.10: .zip с файлом на каждую коллекцию и режим и резолвером или один файл.
- Поправьте код в Token Fix. Откройте выгрузку или пакет токенов, найдите токен для каждого значения и добавьте приложение — увидите, что в нём вписано руками и что написать вместо этого.
- Перед релизом сравните в Token Diff. Прошлую версию с новой — пакет, репозиторий или две выгрузки: что сломается, в какой теме и какую версию выпускать по semver.
- Проверяйте постоянно. GitHub Action оставляет тот же отчёт в каждом pull request, а MCP-сервер даёт токены ИИ-агентам, чтобы новый код сразу писался на них.
Каждый шаг работает и сам по себе: Token Diff и Token Fix читают пакеты токенов и репозитории, которые никогда не проходили через Figma.
Что они читают
- DTCG 2025.10: файлы токенов, документы резолвера с наборами и модификаторами, режимы в
$extensions.mode. - JSON токенов старого формата с
valueиtype, наборы токенов и файлы тем. - CSS-переменные с темами в
:root,[data-theme],.darkилиprefers-color-scheme. - Откуда угодно: перетащенные файлы, папка или .zip, пакет npm, репозиторий на GitHub.
Приватность
Всё работает на вашей стороне: во вкладке браузера, в Figma, на CI-раннере или на вашем компьютере. Аккаунта нет. Ваши файлы никуда не загружаются, а пакеты и репозитории браузер скачивает сам, напрямую с jsDelivr и GitHub.
Открытый код
Инструменты и движок, на котором они работают, dsgraph, открыты под лицензией MIT: github.com/specsure/specsure. Тот же движок работает в терминале как CLI.