OTFotf
All tools
Free · no signup

Design Token Migrator

Convert design tokens between CSS variables, Tailwind config, Tamagui tokens, and Style Dictionary JSON. The fastest way to port a design system.

Output · 8 tokens parsed
module.exports = {
  theme: {
    extend: {
      colors: {
        'primary': '#1a1a1a',
        'accent': '#ff6b35',
        'bg': '#fafafa',
      },
      spacing: {
        'space-sm': '8px',
        'space-md': '16px',
        'space-lg': '24px',
      },
      borderRadius: {
        'radius-sm': '4px',
        'radius-md': '8px',
      },
    },
  },
}