Made a Figma Plugin to Convert Black Opacity RGBA into Grey Fill HEX

Ever designed in Figma using layers of black with opacity — only to realize your greys look completely different when the background changes?
This plugin fixes that.
I built a custom Figma plugin that converts opacity-based blacks (e.g. rgba(0,0,0,0.1)) into solid grey equivalents for consistent design system usage.
In this video, I walk through the problem, the design logic behind the tool, and how it helps translate shades accurately across different backgrounds.

FEELING LIKE A PROUD PARENT. Its been 10 days and omg 90 people have used it! This was honestly a niche problem. Makes me happy thag 90 people benefited with me haha! #CapCut #uxdesigner #figmaplugin #coding #projectidea #womeninstem
—
Keywords: Figma plugin, design systems, color tokens, opacity problem, UI design workflow, Figma developer, how to build a Figma plugin, color consistency, UX engineering