Skip to main content

🎨 Expand gradient color support

Today you can use a color token and some very specific value formatting to create a simple linear gradient.

However, we know designers use more styles of gradients that are currently available in Figma natively.

  • radial angular/conic

  • multi-stop with position defined

😬 The reality

The Design Tokens Community Group has listed a gradient as a specific token type we could introduce.

Today there is a known issue with gradients where stops less than 0% or greater than 100%, are not working properly, and its challenging to define the stops in the plugin.

Like many token types, if there are extra spaces in the values, the gradient will not work as expected.

💭 How might we...

Expand gradient color offering to designers using the plugin in a minimum lovable product approach?

💬 Feedback that is valuable

  • How does this issue impact your day-to-day workflow?

  • What workarounds do you have?

Status: ☑️ Completed3 comments

Log in to comment and vote

Comments3

  • Nils

    •

    Apr 15, 2024

    i know, im a little pushy on that.
    but https://github.com/tokens-studio/figma-plugin/issues/2331

    its not feature or sth, its a bug that kills almost all my deliveries :D

    • Nils

      •

      Jul 2, 2024

      aaaand it is still a bug :(

  • Sam - Tokens Studio

    •

    Mar 22, 2024

    This issue was created from the feedback of these tickets in Github