Linear Gradient Borders

Ideas and Feedback
1

What I wish for Christmas are linear gradients for borders.

I’ve been hoping for that for years.
And I understand it’s not easy to implement.

I’ve tried pseudo-elements and masks and stuff on override props but I wasn’t successful.
(I want it such that if the content is transparent, the border does not bleed in)

Maybe you can get it to work and perhaps even include it in your Figma import implementation.

Cheers.

2

I would like to have gradients as a token

3

Here is an example project to show how gradient borders can be done in Plasmic. If you go to the Project Settings, you’ll see the Embed Css there. adn then if you go over to each of the variants, the HTML ClassName is set

https://studio.plasmic.app/projects/xxN8FyNJ59SQp59drSorpv