Croma

About this plugin

🌈 Croma — design token made simple

A smarter way to manage your design tokens and Figma color variables

Croma is a powerful, easy-to-use Figma plugin that helps you create, organize, and maintain a unified design token system — from primitives to semantics. Whether you’re defining a new color language or syncing existing tokens, Croma keeps your system consistent and scalable.

It’s the same technology we use to power the Lumos Design System, designed for seamless token management and effortless theme control.

⸻

✨ What Croma does best

• 🎨 Full Token Architecture

Create and sync both primitive and alias tokens directly in Figma — no manual setup required.

• 🔗 Semantic Mapping

Map your alias tokens to primitives automatically and keep them perfectly linked across all modes.

• 🌗 Theme Support

Switch between light and dark modes with one click — Croma handles all the value mapping for you.

• 🧰 Visual Token Editor

Edit color, typography, or component tokens visually and see real-time updates in your Figma file.

• 🗂️ Clean, Organized Structure

Automatically organizes tokens into logical categories and folders for a tidy, scalable workflow.

⸻

Croma helps you focus on creating great design — not managing variables.

Perfect for design systems, product teams, and anyone who wants faster, more consistent token management.