Palettra

Design tokens

Keep Figma and Tailwind colors based on the same palette

Name semantic aliases, lock the mapping for review, and export DTCG-compatible JSON together with developer-ready formats.

  • Primitive 50–950 color tokens
  • Optional semantic aliases with collision validation
  • Typography tokens and Tailwind exports from the same theme
Create design tokens

DTCG token output

"primary": {
  "500": {
    "$type": "color",
    "$value": { "colorSpace": "srgb", "components": [...] }
  }
}

Frequently asked questions

Does Palettra import a Figma file?

No. It exports design-token JSON that can be used in a Figma token workflow; it does not read native Figma files.

Can semantic token names be reviewed before export?

Yes. Semantic names must be valid and unique, then explicitly locked before the Figma export is enabled.