Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From throughline
Re-runs Figma-to-code token sync: extracts Figma variables, rebuilds outputs via Style Dictionary, and opens a PR with changes for review.
How this command is triggered — by the user, by Claude, or both
Slash command
/throughline:sync-figma-tokensThe summary Claude sees in its command listing — used to decide when to auto-load this command
Re-run the token sync pipeline to catch any updates made in Figma. Follow the `token-sync-layer` skill's pipeline using the settings already recorded in `design-system.json` (`sync.platforms`, `figma.mechanism`, `figma.fileKey`) — don't re-ask configuration that's already set. Specifically: 1. Verify Figma is connected (cheap liveness read); if not, offer `figma-environment-setup`. 2. Re-extract Figma variables to DTCG JSON. 3. Rebuild outputs through Style Dictionary for every platform in `sync.platforms`. 4. Run full-regeneration with **rename detection** — diff against the previo...
Re-run the token sync pipeline to catch any updates made in Figma.
Follow the token-sync-layer skill's pipeline using the settings already
recorded in design-system.json (sync.platforms, figma.mechanism,
figma.fileKey) — don't re-ask configuration that's already set. Specifically:
figma-environment-setup.sync.platforms.$value/$type) and plain deletions.local-git) summarizing added / changed / deleted / probable-renames. Never
write silently.sync.lastRun and tokens.lastSync in the manifest.Scale explanation to user.codingLevel. This is the recurring loop of the whole
system: tokens change in Figma → /sync-figma-tokens → review PR → merge.
npx claudepluginhub jrpease/throughline --plugin throughline/figma-syncDetects drift between Figma designs and code implementation by comparing design tokens, colors, typography, spacing, and component structure.
/design-tokensExport design tokens to CSS, Tailwind, SCSS, JSON, Figma formats; sync between design systems and code; validate consistency across files.
/exportConverts design.md frontmatter token graphs into W3C DTCG tokens.json format, compatible with Figma Tokens Studio, Style Dictionary, Specify, Cobalt UI, and 4+ other design token tools.
/token-auditAudits design token architecture by discovering CSS custom properties, SCSS variables, JSON/YAML token files, Style Dictionary configs, TypeScript token objects, Tailwind configs, and Tokens Studio exports, then produces a full report with three-tier assessment, naming/value violations, severity-rated findings, dependency map, and remediation list.