Das ist TokenIgnite

Diese Doku wird noch finalisiert und kann sich weiter ändern, während das Produkt weiterentwickelt wird.

TokenIgnite streamt Figma-Variablen als live CSS Custom Properties in eine laufende lokale oder Closed-Staging-App. Designer:innen ändern Tokens in Figma; verbundene Entwickler-UIs aktualisieren sich nahezu sofort — ohne Rebuild, ohne Repository-Dateien umzuschreiben und ohne auf einen Handoff-Branch zu warten.

Design-Drift und Layout-Brüche prüfst du dort, wo sie zählen: in der echten UI. Wenn das Ergebnis stimmt, exportierst du native CSS Custom Properties als Handoff-Artefakt. Menschen bleiben die letzte visuelle Kontrolle.

Public Beta. Für lokale Entwicklung und Closed Staging — nicht als öffentlicher Production-Runtime-Layer.

Was du bekommst

  • Continuous Injection — Figma → live Browser, kein Rebuild pro Token-Tweak
  • Native CSS-Variablen — var(--…) in Komponenten; TokenIgnite injiziert die Werte
  • Contexts / Modes — Figma-Modes aktivieren mit data-ti-context (z. B. color-modes:dark-mode)
  • Validierter Export — CSS erst schreiben, wenn du freigibst, was du siehst

Was es nicht ist

  • Keine Build-Time-Token-Pipeline
  • Kein autonomer Git-Akteur — kein Commit und kein Source-Rewrite für dich
  • Kein Ersatz für Figma-Code-Syntax — vordefinierte WEB-Syntax gewinnt weiterhin

Hier starten