Design tokens multi-plataforma com sincronizacao Figma-codigo

Arquitete um sistema de design tokens para [NOME DO PRODUTO/EMPRESA] que sincronize [FIGMA] com [PLATAFORMAS: React, React Native, CSS, iOS, Android].

Estado atual: tokens definidos [ONDE: Figma/codigo/planilha/lugar nenhum].
Numero de produtos: [NUMERO]. Stack: [TECNOLOGIAS].

**1) Estrutura de Tokens:**

Nivel 1 -- Global (primitivos):
- Cores: blue-500, gray-200, etc. (valores HEX)
- Espacamento: space-1 (4px), space-2 (8px), ... space-16 (64px)
- Tipografia: font-size, font-weight, line-height, letter-spacing
- Border: radius, width
- Shadow: elevation levels (1-5)
- Motion: duration, easing

Nivel 2 -- Semantico (aliases):
- color-bg-primary -> gray-50 (light) / gray-900 (dark)
- color-text-primary -> gray-900 (light) / gray-50 (dark)
- color-interactive-default -> blue-600
- space-component-padding -> space-4
- font-heading-lg -> {size: font-size-7, weight: font-weight-bold, height: line-height-tight}

Nivel 3 -- Componente (especifico):
- button-primary-bg -> color-interactive-default
- button-primary-text -> color-text-inverse
- input-border-default -> color-border-default

**2) Formato e Storage:**
- Formato source: JSON ou YAML (justifique)
- Repositorio: onde armazenar (monorepo, pacote separado)
- Exemplo completo de um token file
- Naming convention: kebab-case, camelCase ou dot notation

**3) Pipeline de Transformacao:**
- Ferramenta: Style Dictionary, Tokens Studio, Figma Variables API
- Input: JSON tokens
- Outputs:
  - CSS custom properties (web)
  - JavaScript/TypeScript constants (React)
  - React Native StyleSheet values
  - Swift/Kotlin constants (nativo)
  - Figma Variables (via API)

**4) Sincronizacao Figma <-> Codigo:**
- Tokens Studio for Figma setup
- GitHub sync: push/pull de tokens
- CI/CD pipeline: PR automatico quando tokens mudam no Figma
- Validacao: verificar breaking changes antes de merge

**5) Temas e Variacoes:**
- Light/Dark mode via token swap
- White-label: como suportar multiplas marcas
- High contrast mode para acessibilidade
- Responsive tokens (se aplicavel)

**6) Governanca:**
- Quem pode alterar tokens de cada nivel
- Processo de proposta de novo token
- Changelog automatico
- Breaking changes: como comunicar e migrar

Entregaveis: repositorio de tokens + pipeline CI + documentacao + Figma library atualizada.