Back to Plugins
Prism by lumos

Prism by lumos

Color token management designed to power the Lumos Design System.

Plugin Preview

Prism by lumos preview

About this plugin


🌈 Prism by Lumos


A smarter way to manage your Figma color variables


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.

Plugin Details

Version7
CreatedApril 5, 2025
Last UpdatedApril 12, 2025
Categoryui-kits
CreatorDavid Kososhvili
Stats1 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none