# Tokens Studio

- **Website:** <https://tokens.studio>
- **Primary alias:** `tokens.studio`

## Description

Tokens Studio is a design system platform that helps modern teams connect design and code, automate token workflows, and manage complex systems more consistently. Its tools support the creation and organization of design tokens, including color, typography, borders, sizing, and opacity, as well as themes and multiple modes. The platform aims to reduce manual work and keep design systems aligned across teams and products.

Built as an open ecosystem, Tokens Studio is open source at its core and designed to work across different tools and technology stacks. It integrates with platforms including Figma, Penpot, GitHub, VS Code, and Framer, and supports cross-platform export and development delivery. Teams can also build custom integrations using its CLI and SDK. The product offering includes the Studio platform, plugins, and Elite coaching, alongside documentation, videos, articles, and community support to help users get started and scale their systems. Tokens Studio serves designers and engineers seeking flexible workflows without proprietary formats or vendor lock-in.

## Industries

- 🖥 Computers Electronics and Technology
- 🖥 Programming and Developer Software _(under Computers Electronics and Technology)_
- 🖥 Graphics Multimedia and Web Design _(under Computers Electronics and Technology)_

## Links

- [linkedin](https://linkedin.com/company/hyma-tokens-studio)
- [twitter](https://twitter.com/tokensstudio)
- [github](https://github.com/tokens-studio)

## Logos & icons

- logo _(primary)_ — PNG — [download](https://cdn.brandfetch.io/idW9iI1QlP/w/379/h/379/theme/dark/logo.png?c=1bxid64Mup7aczewSAYMX&t=1790364507811)
- icon _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idW9iI1QlP/w/400/h/400/theme/dark/icon.jpeg?c=1bxid64Mup7aczewSAYMX&t=1790364507951)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Melrose | #a499ff | accent |
| Woodsmoke | #0c0f0f | dark |
| Tickle Me Pink | #ff709c | light |

## Fonts

- sans-serif — asset _(custom)_
- var(--font-family) — asset _(custom)_

## Imagery

- banner _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idW9iI1QlP/w/1500/h/500/id5G2Agfve.jpeg?c=1bxid64Mup7aczewSAYMX&t=1790364508076)

---

_Source: <https://brandfetch.com/tokens.studio>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._