Back to Plugins
HSL Variables

HSL Variables

Makes HSL adjustments on variables and styles

Plugin Preview

HSL Variables preview

About this plugin

There are many plugins for making HSL adjustments in Figma, but most of them

edit the variables and styles destructively and replace them with a regular hex color.


This plugin aims to keep your variables and styles intact. Additionally, it makes it easy to

select only the variables that you wish to target in your selection. Or, you can set it to

edit every color available on the page.


Supported Edits:

- Variables

- Styles

- Solid fills

- Solid strokes

- Solid effects

Plugin Details

Version1
CreatedDecember 23, 2025
Last UpdatedDecember 24, 2025
Categoryediting & effects plugins
CreatorMoebytes
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com