Background blur values not showing in dev mode

I am unable to view values for background blur of a rectangles that i have used in a design. here is the screenshot of the design. The Blurred rectangle is used just behind the Login & create account Button. i have attached screenshots for reference.


Is this a bug from Figma side. My developer is having a hard time finding values. If this is something from my side, I am open to discussion

Hey @JatinMansotra, thanks for flagging this!

This is definitely a bug. We’ve passed this onto our Dev mode team to try and reproduce and work on a fix.

How did you discover the bug? Are you able to share a link to your file that we can pass onto the Dev mode team?

If so, please include a link to the file within this thread and add support-share@figma.com as an editor, so our team can take a closer look.

Hi @dvaliao I will replicate the file and give you access.
how i found it - It was an update to an already built design. The developer was unable to find the values of Blur in dev mode, so he contacted me. I checked and all other effects values were working fine except blur.
PS: also unable to export this rectagle as svg. It shows an error and also if it exports its a 0kb svg.

Dev mode link: https://www.figma.com/file/jKuIYGv08bHREo5pBh2MtK/Blur-error?type=design&node-id=0%3A1&mode=dev&t=nRQVCFlxlHNCp3dL-1

Hope this helps
regards
Jatin Mansotra

Thanks, @JatinMansotra!

I’ve passed this onto our Dev mode team to investigate.

Any update here? I’m still noticing that Background Blur values are not showing up in Dev Mode.

Hey All,

No update on a fix yet. From the file provided by Jatin, it seems to be a remixed UI Kit. So since it’s using the “legacy” iOS codegen, this seems to be an expected, long standing bug for now.

@Nick_Gertonson - If you’re able to provide a link to your file for the team to look at as well, it would help. Be sure to share edit access with support-share@figma.com, so they can take a closer look.

@dvaliao

Our team is facing a similar bug (?) where the blur values are only showing up as css properties in the styles panel without any reference to the actual local variable.

Our designers are using a local variable called blur-md which maps to another variable #1 applied to it which in turn is 8px. (blur-md > #1 > 8px).

In the dev tools the variable is not referenced anywhere but only shows up in the styles panel directly:

Screenshot 2024-07-16 at 14.49.12

The confusing part is, that the variable apparently is being halfed calc(var(--blur, 8px) / 2) and we kind of don’t know why that is.

I’ve invited support-share@figma.com to an example file, but it should be pretty easy to replicate. Not doing anything special here, just a simple Background Blur effect that only shows up in the CSS version of Dev mode. Need to be able to communicate blur values with iOS and Android engineers.

1 Like

Thanks, @Nick_Gertonson!

Did you use anything in your file from the UI Kit? And can you still share a direct link to the file?

Support-share is a shared account by the entire Figma support team, so invites get lost, as we continuously receive edit access from users throughout the day.

Hey @Jean13, thanks for flagging this!

Not sure if this would be a related bug. Did you use anything in your file from the UI Kit? And are you able to share your file with us?

If so, please include a link to the file within this thread and share edit access with support-share@figma.com, so our Dev mode team can take a closer look.

6 posts were split to a new topic: Add blur values for view only access in Dev Mode