Figma Support Forum

Use modern HSL syntax

  1. Describe the problem you’re experiencing and how your idea helps solve this

    The Figma UI provides HSLA values like so:

    hsla(0, 0%, 0%, 0,5);
    

    The modern syntax looks as follows:

    hsl(0deg 0% 0% / 50%);
    
  2. Add as much context as possible (screenshots, Figma files, mockups, etc.)

    More information can be found here. This also matches the syntax used in the Chrome developer tools.

  3. Ask questions to bring the community into the conversation
    (e.g. Does anyone else experience this? Is anyone using a plugin or workaround to help solve this?, etc.

    n/a