Tokens Studio

Appearance

Tokens StudioDesign Token Management

Your workspace's central source of truth for design tokens — connecting design decisions with code.

Get Started
Quick Start Guide
CLI Reference

Token Management

Create, organize, and version your design tokens following the W3C DTCG specification.

Learn about tokens

Branching & Reviews

Work on changes in isolation with Git-like branching, then review and merge when ready.

Learn about branching

Figma Sync

Bi-directional sync between Studio tokens and Figma variables and styles.

Set up Figma sync

Multi-Dimensional Theming

Combine theme axes like color mode, brand, and density for powerful design system variants.

Explore theming

Releases

Publish versioned snapshots of your tokens to create a reliable, auditable release history.

Learn about releases

CLI

Pull tokens into your codebase, integrate with your build pipeline, and automate workflows from the terminal.

Get started with the CLI

What is Studio? ​

Studio is a collaborative platform for managing design tokens across your entire product ecosystem. It connects your design tools (like Figma) with your codebase, ensuring your design decisions are always in sync.

With Studio, you can:

  • Manage design tokens — Create, organize, and version your tokens in a structured way
  • Branch and merge — Work on token changes in isolation with Git-like branching
  • Sync with Figma — Keep your Figma variables and styles in sync with Studio
  • Automate your pipeline — Trigger CI/CD workflows when tokens change
  • Collaborate with your team — Review changes, leave comments, and approve merges

Documentation Overview ​

Getting Started ​

Token Management ​

Theming ​

Branching & Version Control ​

Releases ​

Figma Integration ​

Team & Workspace ​

CLI ​

Integrations & CI/CD ​

API Reference ​

Settings ​

Migration ​

Need help? Reach out to our support team or visit the Tokens Studio community.

Built with VitePress

© 2026 Tokens Studio