Will the output match my design-system tokens, not Tailwind defaults?

Yes — that’s the whole point. Claude Code reads your token source (Figma styles, tokens.json, tailwind.config.js, Style Dictionary output) and writes code that only uses those tokens — never raw #ff0000, never raw 16px. We add an ESLint rule (tailwindcss/no-arbitrary-value or a custom no-magic-number rule) that fails the build if a non-token value sneaks in. Tokens flow Figma → tokens.json → tailwind.config.js + CSS vars → component code → rendered UI — one source of truth from designer to user.