Primitree

Playground

Preview a variables export and download the generated files.

Open the playground at /playground.

Playground steps

  1. Drop a variables.json file
  2. Preview collections, modes, and resolved colors
  3. Download the generated files as a zip

The page parses and builds the file in the current browser tab. It does not send the file to a server.

CLI tasks

  • CI and repeatable builds
  • Output flags such as --terrazzo and --no-tailwind
  • Writing generated files into a repository
  • diff and check in PR workflows

The playground and primitree build call buildPipeline from @primitree/dtcg with the default options.

Open the playground

Figma MCP and Primitree

Choose a Figma or repository data source for each token task.

On this page

Playground stepsCLI tasks