sync-figma-token — скилл для Claude Code: синхронизация токенов
Скилл сверяет дизайн-токены в коде с переменными Figma, показывает расхождения и применяет правки только после подтверждения.
npx skills add firebenders/sync-figma-token-skill --skill sync-figma-token -a claude-codeЧто делает sync-figma-token
Скилл берёт токены из JSON-файлов и сопоставляет их с переменными Figma: ключ, тип, значения по режимам, алиасы, scopes и code syntax. Расхождения раскладываются по категориям — пропало в Figma, пропало в коде, не совпало значение, сломан алиас и так далее. Сначала идёт dry-run: сводка по счётчикам, детальный список дрейфа с ключами и значениями до и после.
Дальше обязательный шаг. Скилл останавливается и спрашивает подтверждение, а записи в Figma в том же ответе не запускает. Пока не скажете «да», ничего не меняется. Удаление по умолчанию не выполняется: политика archive_only, а для настоящего удаления нужно прямое указание.
Перед каждым вызовом use_figma скилл требует загрузить figma-use — без этого он работать не станет. Ещё нужны политики: направление синхронизации, конфликты, нормализация имён, соответствие режимов. Отчёты сохраняются в /tmp/sync-figma-token-dry-run-{runId}.json и /tmp/sync-figma-token-final-{runId}.json; если запись не удалась, скилл об этом скажет. Записи в Figma идут строго по одному вызову, без параллелизма.
Какие задачи решает
- найти расхождения между токенами в коде и переменными Figma
- проверить значения цветов и чисел перед записью в Figma
- поправить сломанные алиасы и scopes
- привести имена токенов к одному виду с двух сторон
- сохранить отчёт о дрейфе для разбора после синхронизации
Примеры запросов агенту
- сверь токены из
tokens.jsonс переменными Figma и покажи дрейф - сделай dry-run синхронизации в направлении
code_to_figma - проверь алиасы и scopes, конфликты не применяй без меня
Как установить sync-figma-token
1Через Skills CLI (Vercel)
npx skills add firebenders/sync-figma-token-skill --skill sync-figma-token -a claude-code2Вручную: положить файлы
~/.claude/skills/sync-figma-token/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/sync-figma-token/
1Через Skills CLI (Vercel)
npx skills add firebenders/sync-figma-token-skill --skill sync-figma-token -a codex2Вручную: положить файлы
.agents/skills/sync-figma-token/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add firebenders/sync-figma-token-skill --skill sync-figma-token -a cursor2Вручную: положить файлы
.cursor/skills/sync-figma-token/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install firebenders/sync-figma-token-skill sync-figma-token2Вручную: положить файлы
.github/skills/sync-figma-token/SKILL.md1Через Skills CLI (Vercel)
npx skills add firebenders/sync-figma-token-skill --skill sync-figma-token -a gemini-cli2Командой платформы
gemini skills install https://github.com/firebenders/sync-figma-token-skill --path skills/sync-figma-tokenВручную: положить файлы
.devin/skills/sync-figma-token/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add firebenders/sync-figma-token-skill --skill sync-figma-token -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о sync-figma-token
Как установить sync-figma-token в Claude?
Выполните npx skills add firebenders/sync-figma-token-skill --skill sync-figma-token -a claude-code. Скилл встанет в ~/.claude/skills/sync-figma-token/SKILL.md.
Что делает sync-figma-token?
Сравнивает дизайн-токены в коде с переменными Figma, выдаёт отчёт о расхождениях и применяет правки после вашего подтверждения.
Что нужно, чтобы скилл заработал?
Перед каждым вызовом use_figma он требует загрузить figma-use. Ещё задаются политики: направление, конфликты, нормализация имён и соответствие режимов.
