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

Launch tags:Design Tools•Productivity•Developer Tools

Launch Team

Framer AI AgentsDesign and publish professional sites with AI

Promoted

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?

Report

5yr ago

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?

Report

5yr ago

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.

Report

5yr ago

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

Report

5yr ago

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.

Report

5yr ago

Elevation Scale for Figma

Maker

Have you considered designing shadows systems for your design system?

Report

5yr ago5 Answers

Reviews