Elevation & Depth

Using Spark shadow effects in your Figma file

Once you’ve enabled our library in your file, you just need to select any layer and apply a shadow effect in the effects panel.

 

Deprecated shadow effects

As part of the new elevation updates, we have deprecated various existing styles.

You can identify them because they have the ❌[DEPRECATED] prefix.

These styles will still be available for designers to use, but we highly recommend updating to the new ones.

Updating the deprecated shadow styles

Below you’ll find a table with the deprecated shadow styles and our recommendation on which new styles you should use instead.
As mentioned, these recommendations may not entirely match your specific use case. If you want to know more about the new shadow styles, please take a look at our elevation documentation.