Back to Plugins
Shader

Shader

Shader: Perfectly Harmonized Colors, Every Time

themeshadespallettecommanduiinstantdarktintscolorlighteasy

Plugin Preview

Shader preview

About this plugin

Generate shades and tints of any color in 2 easy steps.


Create up to 255 shades of your selected base color/s. That's right. Create shades of multiple selected colors all in 1 go!


No need to mess with hard to use UI's. Generate shades using just 2 commands.


Required:

  • An element (Shape), with 1 Solid fill.


How to Use:

  1. Select any number of elements with 'Solid' Fill.
  2. Go to Plugins > Shader OR Click Ctrl + / (For Windows) or ⌃ + / (For Mac)
  3. Select 'Lighten' or 'Darken' from the dropdown.
  4. Finally, enter the number of shades you want to generate and press Enter


Notes:

It will only generate shades and tints for elements that have a solid fill as their first fill. It will not work for gradients, images or elements with no fill. NO Shades will be created for such elements.


Suggestions to improve the plugin are much appreciated. Enjoy! 😊

Plugin Details

Version4
CreatedMarch 5, 2022
Last UpdatedMay 28, 2024
Categoryshapes-colors
CreatorKarmit Patel
Stats1066 installs, 22 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none

More Like This

Discover other plugins in the shapes-colors category.