Fix all your transparency inconsistencies
in one click
Fix all your transparency inconsistencies
in one click
Alpha
Alpha
Join Waitlist
Join Waitlist
Designers operate in a world of visual precision. Yet, even in the most meticulously crafted projects, subtle inconsistencies can surface. One of the most common, and often overlooked, issues is Color Transparency.
When a color is not a solid 100% opacity, it introduces a hidden variable that can create a ripple effect of problems.
Designers operate in a world of visual precision. Yet, even in the most meticulously crafted projects, subtle inconsistencies can surface. One of the most common, and often overlooked, issues is Color Transparency.
When a color is not a solid 100% opacity, it introduces a hidden variable that can create a ripple effect of problems.
Prelude
Prelude
Luminary is a Figma plugin built to guarantee design integrity. It's a tool that automates the tedious work of finding and fixing color opacity issues, ensuring your designs are clean, consistent, and production-ready.
The plugin's core function is to find every instance of a transparent color and provide a technically accurate, one-click solution.
Luminary is a Figma plugin built to guarantee design integrity. It's a tool that automates the tedious work of finding and fixing color opacity issues, ensuring your designs are clean, consistent, and production-ready.
The plugin's core function is to find every instance of a transparent color and provide a technically accurate, one-click solution.
The Luminary
The Luminary
/ˈluːmɪn(ə)ri/
/ˈluːmɪn(ə)ri/
Professional color whisperer
Professional color whisperer
spent
chai nashta
- ₹547
udhari
- ₹826
gadi ka hafta
- ₹2,490
₹
4,032
August 2025
#0EC067 5%
#0D4715 40%
#0D4715 50%
#FF0004 70%
#FB4C4D
#86A38A
#F3FCF7
#9EB5A1
for example
Consider this card design
You might not notice it, but this perfectly looking design has
few issues in it.
Fire Luminary
spent
chai nashta
- ₹547
udhari
- ₹826
gadi ka hafta
- ₹2,490
₹
4,032
August 2025
#0EC067 5%
#0D4715 40%
#0D4715 50%
#FF0004 70%
#FB4C4D
#86A38A
#F3FCF7
#9EB5A1
Restart?
spent
chai nashta
- ₹547
udhari
- ₹826
gadi ka hafta
- ₹2,490
₹
4,032
August 2025
#0EC067 5%
#0D4715 40%
#0D4715 50%
#FF0004 70%
#FB4C4D
#86A38A
#F3FCF7
#9EB5A1
Before
After
Ta-da!!!
What luminary solves?
What luminary solves?
Design System Integrity
A brand color defined in a style guide at 100% opacity, when used at 80% on a button or background, effectively creates a new color. This breaks the single source of truth for your design system and can lead to a messy color palette.
Design System Integrity
A brand color defined in a style guide at 100% opacity, when used at 80% on a button or background, effectively creates a new color. This breaks the single source of truth for your design system and can lead to a messy color palette.
Hello World
Some description
Developer Handoff
Engineers rely on clear, consistent values. When a transparent color is handed off without a solid hex code, it can lead to misinterpretations and visual bugs in the final product.
Hello World
Some description
Developer Handoff
Engineers rely on clear, consistent values. When a transparent color is handed off without a solid hex code, it can lead to misinterpretations and visual bugs in the final product.
hero_illustration.jpg
Export
JPG
Export and Production Issues
The way a transparent color renders can vary across different file formats and platforms, potentially causing visual discrepancies between your design file and the final asset.
hero_illustration.jpg
Export
JPG
Export and Production Issues
The way a transparent color renders can vary across different file formats and platforms, potentially causing visual discrepancies between your design file and the final asset.
So…
So…
What's next?
What's next?
The future of Luminary is its evolution into a Full-Blown Design System Assistant. The goal is to scale beyond color correction to enforce comprehensive system compliance across entire design files.
The core of this next phase is the advanced Two-Way Fix mechanism: correcting inconsistencies either with a solid value or by intelligently mapping the non-compliant style to the correct Design System Token (Color, Text Style, Spacing, or Effect).
This expansion will focus on three key areas of quality assurance:
Expanded Style Enforcement: Automatically fixing unlinked Typography, non-standard Spacing/Layout values, and local Effect overrides.
Component Integrity: Detecting and repairing Detached Instances to ensure a clean component hierarchy.
Quality Metrics: Introducing a quantifiable Design System Health Score to provide a clear metric for file cleanliness and 100% production readiness.
The future of Luminary is its evolution into a Full-Blown Design System Assistant. The goal is to scale beyond color correction to enforce comprehensive system compliance across entire design files.
The core of this next phase is the advanced Two-Way Fix mechanism: correcting inconsistencies either with a solid value or by intelligently mapping the non-compliant style to the correct Design System Token (Color, Text Style, Spacing, or Effect).
This expansion will focus on three key areas of quality assurance:
Expanded Style Enforcement: Automatically fixing unlinked Typography, non-standard Spacing/Layout values, and local Effect overrides.
Component Integrity: Detecting and repairing Detached Instances to ensure a clean component hierarchy.
Quality Metrics: Introducing a quantifiable Design System Health Score to provide a clear metric for file cleanliness and 100% production readiness.
Fin.