This is TokenIgnite

This documentation is still being finalized and may change as the product evolves.

TokenIgnite streams Figma variables into a running local or closed-staging app as live CSS custom properties. Designers change tokens in Figma; connected developer UIs update almost immediately — without rebuilding, without rewriting repository files, and without waiting on a handoff branch.

You validate design drift and layout breaks where they matter: in the real UI. When the result looks right, you export native CSS custom properties as the handoff artifact. Humans stay the final visual firewall.

Public Beta. Intended for local development and closed staging — not as a public production runtime layer.

What you get

  • Continuous Injection — Figma → live browser, no per-tweak rebuild
  • Native CSS variables — var(--…) in your components; TokenIgnite injects the values
  • Contexts / modes — activate Figma modes with data-ti-context (e.g. color-modes:dark-mode)
  • Validated export — write CSS to disk only after you approve what you see

What it is not

  • Not a build-time token pipeline
  • Not an autonomous Git actor — it does not commit or rewrite your source for you
  • Not a replacement for Figma code syntax — predefined WEB syntax still wins

Start here