Skip to main content

Control opacity at scale

By Steven Van ·

Opacity can be updated at scale in the variables modal and applied on top of any color without detaching.

Figma now lets opacity be set as a variable and applied on top of any color without detaching it from the library. The update, announced on 2026-09-03, covers three changes:

  • Alias opacity while the color stays linked to your library, instead of detaching it to adjust opacity by hand.
  • Set opacity on a color variable using a number variable, scoped specifically for use in color variables.
  • Update opacity across disabled states, overlays, scrims and similar elements all at once.
Figma
Figma
Collaborative design tool for building interfaces, prototypes, and design systems — all in the browser.
View Figma →

Original source

Read Control opacity at scale on Creators Toolbox