Gradient Variables in Figma: The Ultimate Guide

[@divyanshutomar426]

best design channel

[@UICollectiveDesign]

Thanks for the note! Please subscribe & share our channel for more!

[@faizansarwar4959]

what a good teacher you are

[@UICollectiveDesign]

Thank you! Please subscribe and share our channel where you can :)

[@lcsbrg]

What if I need to create different angles of gradients for each brand that I have, in order to ensure that each brand might pick an angle in a primary button? Do you recommend that I create different styles with different angles with each one being bound with the Variables? I am trying to create a system that is code friendly with Tokens and Variables here... I don't know how code might be friendly tied with Styles. You are amazing! Thanks!

[@UICollectiveDesign]

That is probably your best approach :) Just create styles with the angles you want, that have the variables tied in. Appreciate the kind words! Please subscribe and share where you can :)

[@bagasdhardanu]

Nice insight!

[@UICollectiveDesign]

Thanks!! Please subscribe and share our channel where you can :)

[@rodrigotissianel6584]

Thanks for the insights, it was very helpful! I have a question. Can I assign the colors of the gradient styles directly to the primary colors in the alias collection? Is this a bad practice?

[@UICollectiveDesign]

That works!!

[@ytRap007]

thank you very helpfulness😇

[@UICollectiveDesign]

Glad it helped :)

[@doplerhell]

It's a pity that switching between dark and light themes doesn't work

[@UICollectiveDesign]

Should be done via modes, no?