Elevation Scale for Figma

Elevation Scale for Figma

Create algorithmic shadow systems for your design system

1 follower

Visit website
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
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
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?
Lukas Oppermann
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?
Jeffrey Erickson
@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.
Lukas Oppermann
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
Lukas Oppermann
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.
Lukas Oppermann
Maker
Have you considered designing shadows systems for your design system?