{"id":16584273,"url":"https://github.com/lukasoppermann/elevation-scale","last_synced_at":"2025-09-09T23:43:14.736Z","repository":{"id":39745509,"uuid":"337445411","full_name":"lukasoppermann/elevation-scale","owner":"lukasoppermann","description":"Figma plugin to create elevation systems based on functions.","archived":false,"fork":false,"pushed_at":"2023-06-05T09:39:58.000Z","size":7493,"stargazers_count":16,"open_issues_count":8,"forks_count":4,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-02-01T23:41:17.551Z","etag":null,"topics":["elevation","figma","figma-plugin","figma-plugins","generator","shadow"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lukasoppermann.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-02-09T15:16:14.000Z","updated_at":"2024-12-30T08:06:30.000Z","dependencies_parsed_at":"2023-02-06T07:16:21.513Z","dependency_job_id":null,"html_url":"https://github.com/lukasoppermann/elevation-scale","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukasoppermann%2Felevation-scale","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukasoppermann%2Felevation-scale/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukasoppermann%2Felevation-scale/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukasoppermann%2Felevation-scale/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lukasoppermann","download_url":"https://codeload.github.com/lukasoppermann/elevation-scale/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238791895,"owners_count":19531027,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["elevation","figma","figma-plugin","figma-plugins","generator","shadow"],"created_at":"2024-10-11T22:44:19.308Z","updated_at":"2025-02-14T05:32:59.072Z","avatar_url":"https://github.com/lukasoppermann.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Elevation Scale plugin for figma](https://github.com/lukasoppermann/elevation-scale/raw/main/_resources/Elevation-Scale-Plugin-Cover.jpg)\n# Elevation Scale\n\n\u003e Create shadow systems and effect styles with your choice of steps from a custom function.\n\n## Installation\n\n\u003cimg src=\"https://github.com/lukasoppermann/elevation-scale/blob/main/_resources/Plugin-Icon-rounded.png\" width=\"50px\"\u003e \n\n1. Go to the [elevation scale plugin page](https://www.figma.com/community/plugin/940989130927509964/Elevation-Scale)\n2. Click on install in the top right corner\n\n## Usage\n1. Run the plugin and click the `Create a new elevation scale` button\n2. Select the elevation scale frame\n3. Adjust the settings to your liking\n\nChanges are automatically applied and saved.\n\n### Steps\n`Steps` are the amount of elevations/shadows you want to create. For example `steps:2` will create two shadows each with all the layers you specify.\n\n### Effect Styles\nTo automatically create \u0026 update effect styles enable the `Sync Styles` option.\nYou can optionally provide a `style name` that will be used to create the effect styles. If you add a `#` to the name it will be replaced with the current step.\nA `##` will result in a 0 prefixed number if below 10.\n\n```js\n// Example style name with #\nElevation / Level # // Elevation / Level 0, Elevation / Level 1, ...\n\n// Example style name with ##\nElevation / ##dp // Elevation / 00dp, Elevation / 01dp, ..., Elevation / 12dp\n```\n\nIf you disable `Sync Styles` the `effect styles` will be deleted as well.\n\n### Properties\n- **Shadow type**: Either `dropshadow` or `innershadow`\n- **x**: The x offset of the shadow. `#` is replaced by the current step. E.g. `.5*#`\n- **y**: The y offset of the shadow. `#` is replaced by the current step. E.g. `2+#`\n- **blur**: The shadows blur radius. `#` is replaced by the current step. E.g. `(1+#)*4`\n- **spread**: The shadows spread. `#` is replaced by the current step. E.g. `#/.5`\n- **color**: a 6-digit hex color code between `000000` and `FFFFFF`\n- **opacity**: The opacity for the color. `#` is replaced by the current step. E.g. `10+#` if `#` = 1 -\u003e `11%`\n\n### Adding Layers\nAn elevation step consists of one or more elevation layers (each `layer` is an effect e.g. a dropshadow or innershadow). \nEach layer you add will be present on each step.\nTo add a new layer, click the \"Add layer\" button below the list of layers.\nTo delete a layer click the trash can icon next to the layer name. (You can not delete the last layer)\n\nLayer names are purely for your organization of the different layers and have no effect on the elevations or the names.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flukasoppermann%2Felevation-scale","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flukasoppermann%2Felevation-scale","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flukasoppermann%2Felevation-scale/lists"}