Prism by lumos

Prism is a powerful, easy-to-use plugin built to help you create, organize, and maintain a clean, scalable color system in Figma. Whether you’re building from scratch or refining an existing system, Prism takes the heavy lifting out of color management.

It’s the same powerful tool we use to power the Lumos Design System — with token-based color management built right in.

✨ What Prism does best

•🎨 Full Color System

Instantly generate a complete color palette (from 50 to 900) based on your base colors.

•🔗 Semantic Color Mapping

Create semantic color variables that stay linked to your base palette.

•🌗 Light & Dark Theme Support

Effortlessly manage color values for both light and dark modes.

•🧰 Visual Color Editor

Tweak colors visually with a real-time preview — no guesswork required.

•📁 Clean, Organized Structure

Keeps your color variables tidy and consistent with logical naming and folders.

•🧩 Built for Design Tokens

Prism follows a token-based approach inspired by the Lumos Design System, making it easy to plug into any design system workflow.

Prism helps you focus on what matters — great design — by handling the complexity of color systems behind the scenes. Perfect for design systems, large projects, or anyone who wants a more organized Figma file.

Try