sync_design_tokens
Convert design system tokens from local registry into Tailwind CSS theme configuration for consistent styling across projects.
Instructions
Map design system tokens from the local registry to a Tailwind config theme extension object.
Prerequisites: Tokens must already be in the local registry (run pull_design_system or get_tokens to verify). No Figma connection required.
Returns on success: A partial Tailwind theme object ready to merge into tailwind.config.ts under theme.extend, e.g. { colors: { primary: "var(--colors-primary)", ... }, spacing: { xs: "var(--spacing-xs)", ... }, fontSize: {...}, borderRadius: {...}, boxShadow: {...} }. Empty token categories are omitted. Token keys are derived from the last segment of the token name, lowercased and hyphenated. CSS variables are preferred over raw values when available.
Error behavior: Never throws — returns an empty object {} if no tokens are in the registry.
Use this tool vs get_tokens: get_tokens returns raw token data for inspection; sync_design_tokens returns a Tailwind-ready patch you can directly paste into your config. Tokens of type "other" are skipped as they have no standard Tailwind mapping.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||