Wrees
Tool·

Prism

A design token management tool that keeps Figma and your codebase in sync automatically.

Node.jsTypeScriptFigma APIGitHub API

Design tokens are the single source of truth for a design system. But keeping them in sync between design tools and code is a constant maintenance burden. Prism automates that sync.

Connect your Figma file, point Prism at your codebase, and it generates typed token files in whatever format your project needs — CSS variables, Tailwind config, TypeScript constants. Whenever your designer updates the Figma file, Prism opens a PR.

Prism is used by several product teams and has eliminated a whole category of designer-developer handoff friction. The best workflow is one that doesn't require a workflow.

View Tool

More from Wrees