DESIGN SYSTEM TOOLS

Design System Tools

Empowering your design system with the right tools. Discover solutions to streamline your workflow, manage design tokens, and collaborate seamlessly.

Tokens Studio
for Figma PLUS

The ultimate plugin for managing design tokens in Figma. Establish a true single source of truth for all your design decisions, from colors and spacing to typography. Use our powerful Graph Engine to build complex, logical token structures and effortlessly manage multiple themes like light/dark mode or different brands. Sync directly to development to ensure perfect consistency between design and code.

Get Plus now

Try it for free

graph Engine

Graph Engine is Studio’s visual logic editor for design systems.

Connect nodes to define rules, transformations, and conditions, then let your system scale itself. Generate palettes from a single color, automate multi-brand themes, reuse design recipes across projects, and export JSON or CSS variables straight to developers. Intuitive like Figma, powerful like Blender, it bridges design and code with dynamic, logic-first workflows.

More about Graph Engine

Apply variables for Figma

Already have your variables set up and want to bulk apply them to your work? You can swap styles with variables or apply variables that match raw number values to elements in any file with access to your variables collections!

Get Apply Variables for Figma

Apply variables for Figma

Get Apply Variables for Figma

Apply variables for Figma

Get Apply Variables for Figma

Apply variables for Figma

Get Apply Variables for Figma

Companion plugin for Figma

Easily create collections and variables automatically scoped based on token types, or go into a Watch mode and change things in Studio to see them get created in real-time as Figma Variables!

Get Companion by Tokens Studio

Companion plugin for Figma

Easily create collections and variables automatically scoped based on token types, or go into a Watch mode and change things in Studio to see them get created in real-time as Figma Variables!

Get Companion by Tokens Studio

Companion plugin for Figma

Easily create collections and variables automatically scoped based on token types, or go into a Watch mode and change things in Studio to see them get created in real-time as Figma Variables!

Get Companion by Tokens Studio

Companion plugin for Figma

Easily create collections and variables automatically scoped based on token types, or go into a Watch mode and change things in Studio to see them get created in real-time as Figma Variables!

Get Companion by Tokens Studio

Tokens Studio for Framer

Tokens Studio is coming to Framer! Use design tokens stored on the Studio platform to manage your design system with logic. Create styles in Framer and map to light and dark modes.

Get Tokens Studio for Framer

Tokens Studio for Framer

Tokens Studio is coming to Framer! Use design tokens stored on the Studio platform to manage your design system with logic. Create styles in Framer and map to light and dark modes.

Get Tokens Studio for Framer

Tokens Studio for Framer

Tokens Studio is coming to Framer! Use design tokens stored on the Studio platform to manage your design system with logic. Create styles in Framer and map to light and dark modes.

Get Tokens Studio for Framer

Tokens Studio for Framer

Tokens Studio is coming to Framer! Use design tokens stored on the Studio platform to manage your design system with logic. Create styles in Framer and map to light and dark modes.

Get Tokens Studio for Framer

Native design tokens in Penpot

Penpot is the first tool to integrate native design tokens. A single source of truth to improve efficiency and collaboration between product design and development.

Try Design Tokens in Penpot

Native design tokens in Penpot

Penpot is the first tool to integrate native design tokens. A single source of truth to improve efficiency and collaboration between product design and development.

Try Design Tokens in Penpot

Native design tokens in Penpot

Penpot is the first tool to integrate native design tokens. A single source of truth to improve efficiency and collaboration between product design and development.

Try Design Tokens in Penpot

Native design tokens in Penpot

Penpot is the first tool to integrate native design tokens. A single source of truth to improve efficiency and collaboration between product design and development.

Try Design Tokens in Penpot