Skip to main content

🛠 Tokens Studio — Setup & Usage

Start here for the end-to-end Tokens Studio flow: connect GitHub, work in a branch, apply tokens, and validate themes. When applying star with the Agnostic Light set (our default/base) to keep decisions brand-neutral, then validate other brands and dark mode.

🚦 Prerequisites​

  • You’ve completed the New Joiner Guide
  • You can open our DS files in Figma (libraries enabled)
  • DS libraries enabled in Figma
  • You have (or requested) GitHub access (see step 1)

📚 Guided path​

  1. Connect GitHub to Tokens Studio
  2. Create & use a Tokens Studio branch
  3. Apply tokens to your designs
  4. Validate themes (see Multi-Brand & Theming)

💡 Tips​

  • Use semantic tokens; avoid raw hex/px.
  • Validate brand + mode (e.g., Agnostic Dark, Betfair Light).

🔗 Related​