Launches
Coming soon
Upcoming launches to watch
Launch archive
Most-loved launches by the community
Launch Guide
Checklists and pro tips for launching
Products
News
Newsletter
The best of Product Hunt, every day
Stories
Tech news, interviews, and tips from makers
Changelog
New Product Hunt features and releases
Forums
Forums
Ask questions, find support, and connect
Streaks
The most active community members
Events
Meet others online and in-person
Advertise

Sign in

Sign in

Elevation Scale for Figma

Create algorithmic shadow systems for your design system

1 follower

Create algorithmic shadow systems for your design system

1 follower

Elevation scale is a Figma plugin to create a system of shadows ✅ Automatically create & update effect styles ✅ Edit elevation scales any time, styles will update ✅ Define properties with functions (x, y, blur, spread, opacity) ✅ Add multiple shadow layers

Overview
Launches1
Reviews
Alternatives
Team
More

Company Info

figma.com/community/plugin/940989130927509964/Elevation-Scale GitHub

Elevation Scale for Figma Info

Launched in 2021 View 1 launch

Forum

p/elevation-scale-for-figma

© 2025 Product Hunt

Similar Products

Flat Shadow Generator

Generate flat design icons without using an image editor

Design resources Icon sets

Browser Kit for Figma

One smart component to rule them all

Shadows Utilities

An Utility Plugin for Shadows.

Time-aware algorithm driven shadows for icons

Shadow picker plugin for Figma

Add shadow presets to your Figma designs

Elevation Scale for Figma gallery image

Elevation Scale for Figma gallery image

Launch tags:

Design Tools•Productivity•Developer Tools

Launch Team

What do you think? …

Jeffrey Erickson

Viable

This is great! We use Material UI at Viable. They have a default elevation system that is great, is there a way to get that as a default in elevation Scale?

4yr ago

Lukas Oppermann

Elevation Scale for Figma

Maker

@jeffreykaine Hey, great to hear from you. Can you explain this a bit more? Are you asking if predefined scales could be included so you would have a dropdown where you select "material elevation" or something else and it creates those by default? Or do you mean something else?

4yr ago

Jeffrey Erickson

Viable

@lukasoppermann Yeah, that's basically what I'd like. A dropdown to select a preset, and then it just puts those together for me so I don't have to define anything. That way I can install, select my scale, and get to work.

4yr ago

Lukas Oppermann

Elevation Scale for Figma

Maker

@jeffreykaine This is a great idea, I created a ticket for it: https://github.com/lukasopperman... Do you already know the algorithm with which the material shadows are created? Can you add it to the ticket? Cheers & have a great day

4yr ago

Lukas Oppermann

Elevation Scale for Figma

Maker

Let me know what you think, you can find the docs on GitHub: https://github.com/lukasopperman... If you find a bug or want to suggest a feature, github is the place to go as well.

4yr ago

Lukas Oppermann

Elevation Scale for Figma

Maker

Have you considered designing shadows systems for your design system?

4yr ago

5 Answers

🤓 Yes, I already do this.

40%

🤭 Yes, but it seemed like too much work.

40%

🤷‍♀️ No, why should I do it?

20%

AWS Builder Center — Learn, build, and connect with builders in the AWS community

Learn, build, and connect with builders in the AWS community

Promoted

Do you use Elevation Scale for Figma?

Reviews

Helpful

You might also like

Flat Shadow Generator

Generate flat design icons without using an image editor

Browser Kit for Figma

One smart component to rule them all

Shadows Utilities

An Utility Plugin for Shadows.

Time-aware algorithm driven shadows for icons

Shadow picker plugin for Figma

Add shadow presets to your Figma designs

Review Elevation Scale for Figma?Be the first to review Elevation Scale for Figma