Skip to main content
Hoby-Van-Hoose
New Participant
August 24, 2023

Variables in Effects: shadows, blurs

  • August 24, 2023
  • 15 replies
  • 3242 views

Variables are missing for Effects like drop shadow, inner shadow, blur, and background blur.

They should be used for the number fields and colors, so we can have dynamically applying themes and sizes for these effects.

15 replies

Hoby-Van-Hoose
New Participant
October 4, 2024

You can’t save the Effects as Variables, only as Styles. So that’s not going to work like you’d want.

You CAN use variables in the effect number fields (e.g., Position, Blur, Spread), so they can be standardized or altered with modes.

You can select colors in the Color field that you’ve defined in the variables but they don’t operate as a variable in the effect, just as like a copied in hex value.

Roxanne_G
New Participant
October 4, 2024

Thanks-- so the styles are acting as containers-- just like with Typography-- it is a style-- within Type style , line height, type name etc can be variables. Great. Makes sense. 🙏

TiffaniF
New Member
July 18, 2025

I just came to this thread as I was testing the idea of reducing components variants by using modes/variables/collections, and I can't do that with the current Design System as some states have Effects in them...

forleey
New Participant
July 31, 2025

2 years since introduction of variables but still no solution on that 🤷

Lauren A
New Member
February 25, 2026

Yes please! This would be super helpful for themes!!