TypeScript Tokens

Preview

/**
 * Generated by UI Archive — ui-archive.com
 * Domain: figma.com
 * Snapshot: 2026-11-15
 * Format: W3C DTCG compatible
 * Token names preserve original CSS variable names
 */

export const tokens = {
  "color": {
    "global-statsig-overlay": "#FFFFFF",
    "fig-theme-bg": "#000000",
    "fig-theme-fg-muted": "color-mix(in oklch, #FFFFFF, transparent 46%)",
    "fig-theme-card-bg": "color-mix(in oklch, #FFFFFF, transparent 92%)",
    "fig-theme-btn-primary-bg-hover": "color-mix(in oklch, #FFFFFF, transparent 20%)",
    "fig-theme-btn-secondary-bg": "color-mix(in oklch, #FFFFFF, transparent 100%)",
    "fig-theme-btn-transparent-bg": "color-mix(in oklch, #FFFFFF, transparent 96%)",
    "fig-theme-btn-transparent-bg-hover": "color-mix(in oklch, #FFFFFF, transparent 84%)",
    "fig-theme-form-error-bg": "#FFB3B3",
    "000000": "#000000"
  },
  "fontSize": {
    "figmasans-18px-330": "18px",
    "figmasans-16px-400": "16px",
    "figmasans-14px-400": "14px",
    "figmasans-0px-400": "0px",
    "figmasans-44px-400": "44px",
    "figmasans-30px-400": "30px",
    "figmamono-12px-400": "12px",
    "figmasans-88px-400": "88px",
    "figmasans-56px-400": "56px"
  },
  "spacing": {
    "0rem": "0rem",
    "0-125rem": "0.125rem",
    "0-25rem": "0.25rem",
    "0-28125rem": "0.28125rem",
    "0-375rem": "0.375rem",
    "0-5rem": "0.5rem",
    "0-625rem": "0.625rem",
…

All Tokens